[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