[Resolvido] Div se deslocando com a margin
Bom galera tenho o seguinte, to criando um topo para o site, onde vai ter uma imagem de background e uma div por cima, a que esta por cima deve aparecer na parte inferior do backgrouno, e esta funcionando no IE
Mas no chrome, não esta, olhem me codigo acho q dá pra explicar melhor
pagina topo:
<div id="topo">
<div id="menu">
<ul>
<li>
<a href="?l=texto&txt=001"><img src="imagens/bts/home.png" alt="Institucional" title="Institucional" border="0" /></a>
<a href="?l=texto&txt=002"><img src="imagens/bts/somos.png" alt="Institucional" title="Institucional" border="0" /></a>
<a href="?l=texto&txt=003"><img src="imagens/bts/contato.png" alt="Institucional" title="Institucional" border="0" /></a>
<a href="?l=texto&txt=004"><img src="imagens/bts/parceiros.png" alt="Institucional" title="Institucional" border="0" /></a>
<span style="text-align:right;margin-left: 300px;">
<a href="?l=texto&txt=001"><img src="imagens/bts/orkut.png" alt="Institucional" title="Institucional" border="0" /></a>
<a href="?l=texto&txt=002"><img src="imagens/bts/twitter.png" alt="Institucional" title="Institucional" border="0" /></a>
<a href="?l=texto&txt=003"><img src="imagens/bts/face.png" alt="Institucional" title="Institucional" border="0" /></a>
<a href="?l=texto&txt=004"><img src="imagens/bts/rss.png" alt="Institucional" title="Institucional" border="0" /></a>
</span>
</li>
</ul>
</div>
</div>
E o CSS que faço:
#topo {
background-image: url(../../imagens/topo.jpg);
width: 100%;
height: 200px;
}
#menu{
margin-top: 154px;
}
Como veem eu só uso o margin-top para posicionar a DIV menu, e o IE respeita isso, mas o chrome nao e acaba dando a margem da DIV topo...alguem sabe me ajudar?
Valeu
Discussão (4)
Carregando comentários...