[Resolvido] Div se deslocando com a margin

[marcosfj1 0]

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

[Henrique Barcelos 290]

A semântica do seu código está toda errada. Se é pra fazer um menu com uma lista não-ordenada (<ul>), você tem que colocar um link por item da lista (<li>) e não vários em apenas um, como está fazendo.

 

Quanto ao seu problema, poste um print de como está e do que deseja fazer...

[marcosfj1 0]

A semântica do seu código está toda errada. Se é pra fazer um menu com uma lista não-ordenada (<ul>), você tem que colocar um link por item da lista (<li>) e não vários em apenas um, como está fazendo.

 

Quanto ao seu problema, poste um print de como está e do que deseja fazer...

 

Bom quanto a semantica do meu código, obrigado pela dica, vou rever isso....mas primeiro tenho que corrigir o que esta contecendo, entao vamos ao print

 

Jeito certo, que esta no IE

 

Uploaded with ImageShack.us

 

E o jeito errado que esta no chorme

 

Uploaded with ImageShack.us

 

Viu o problema, no IE ele respeita a margem pois ela é apenas na div menu, já no chorme colocar a margem em topo tambem

[Henrique Barcelos 290]

Troque o margin-top por padding-top

[marcosfj1 0]

Olá amigo

 

Aqui resolveu já, eu já havia mudando a forma de fazer, mas depois testei o que me passou e deu certo

 

Obrigado