[Resolvido] Menu Css

Salve Galera!!!

Bom, criei um meu css, porém o mesmo está com um problema para funcionar no IE, Firefox e Opera tá ok.

Segue abaixo o que fix:

#menu_lateral {
width:200px;
height:220px;
background-image:url(../lay_out/menu.jpg);
background-repeat:no-repeat;
font:bold 12px Arial, Helvetica, sans-serif;
color:#666666;
}

#lateral_esquerdo #menu ul li div { width:179px; height:18px; vertical-align:middle; cursor:pointer; } #lateral_esquerdo #menu ul li span { padding-left:7px; } #lateral_esquerdo #menu ul li { margin:0px 10px 1px 10px; border:1px #13A6D8 solid; } #lateral_esquerdo #menu ul li ul { position:absolute; visibility:hidden; top:267px; } #lateral_esquerdo #menu ul li ul li{ background-color:#F4F4F4; float:none; display:block; padding:0px; / padding é pro firefox/} #lateral_esquerdo #menu ul li:hover ul, #menu li.over ul { visibility:visible; margin-left:169px; } #lateral_esquerdo #menu ul li div:hover, #menu li div.over { width:178px; background-color:#E9E9E9; } / visual / #lateral_esquerdo #menu a { font:bold 12px Arial, Helvetica, sans-serif; color:#666666; } #lateral_esquerdo #menu a:hover { color:#108FBA; } Usei o memso assim:

<div id="#menu_lateral">
 <div style="margin:1px 10px 0px 10px; height:5px; background-color:#13A6D8;"></div>
 <ul>
	<li><div><a href="#"><span>Home</span></a></div></li>
	<li>
 <div>
 <a href="#">
 <span style="float:left;">Quem Somos </span>
 <span style="float:right; padding-right:5px;" >
 <img src="lay_out/seta.gif" alt="Seta para Sub-Menu" width="13" height="13"/>
 </span>
 </a>
 </div>
 <ul>
 <li><div><a href="conteudo.php?Sec=1&Txt=1"><span>Congregação</span></a></div></li>
 <li><div><a href="conteudo.php?Sec=2&Txt=2"><span>Nossa História</span></a></div></li>
 <li><div><a href="conteudo.php?Sec=3&Txt=3"><span>O Colégio</span></a></div></li>
 <li><div><a href="conteudo.php?Sec=4&Txt=4"><span>Administração</span></a></div></li>
 <li><div><a href="conteudo.php?Sec=5&Txt=5"><span>Corpo Docente</span></a></div></li>
	</ul>
 </li>
 <li><div><a href="conteudo.php?Sec=6"><span>Comunicados</span></a></div></li>
 <li><div><a href="conteudo.php?Sec=7"><span>Atividades</span></a></div></li>
 <li><div><a href="conteudo.php?Sec=8"><span>Aconteceu</span></a></div></li>
 <li><div><a href="conteudo.php?Sec=9"><span>Calendário</span></a></div></li>
 <li><div><a href="conteudo.php?Sec=10"><span>Dicas importantes</span></a></div></li>
 <li><div><a href="conteudo.php?Sec=11"><span>Listas de Materiais</span></a></div></li>
 <li><div><a href="#"><span>Fale conosco</span></a></div></li>
 <li><div><a href="#"><span>Localização</span></a></div></li>
</ul>
</div>

O problema é que quando passo o mouse em cima de Quem Somos, ele aparece e funciona perfeitamente, porém o sub-menu, quando passamos de um link para outro o sub-menu some. no firefox ele tá funcionando legal.

Alguém aí pode me ajudar