Bug no IE em menu drop down

[jpkuelho 0]

ola fiz um menu drop down css seguindo o tutorial do site do maujor, tudo funciona bem exceto que no ie o submenu aparece embaixo dos outros conteudos mesmo com z-index:1;

 

o código

 

/* MENU */
#menu {	top:0;	left:15px;position:relative;	width:161px; 	height:226px; background-image:url(imagens/menu.gif); background-position:left; background-repeat:no-repeat;}
ul {margin:0;padding: 0;list-style: none;width: 147px;top:16px;}
ul li {position: relative;margin-bottom:8px;width:147px;display:block;margin-left:10px;}
ul ul li {margin-left:0px;}
ul ul {padding-top:5px;}
li ul {position: absolute;left: 147px;top: -7px;display: none;background-color:#1e447e;border:3px solid #fff;width:147px;}
ul li a {display: block;color:#FFFFFF;text-decoration:none;left:17px;position:relative;}
li ul li {position:relative;}
li:hover ul, li.over ul { display: block; z-index:1;}
li:hover, li.over {background-color:#548f9e;}
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
* html ul li {margin-left:5px;}
/* End */

<div id="menu" >
<ul id="nav"> 
	<li><a href="#">EQUIPE</a></li> 
	<li><a href="#">HOSPITAIS DE ATUAÇÃO</a></li>
	<li><a href="#">SOBRE O SEU CORAÇÃO</a> 
	  <ul> 
		<li><a href="#">CENTRO CLÍNICO</a></li> 
		<li><a href="#">CENTRO CIRÚRGICO</a></li> 
	  </ul> 
	</li> 
	<li><a href="#">PRODUÇÃO CIENTÍFICA</a> 
	  <ul> 
		<li><a href="#">ARTIGOS</a></li> 
		<li><a href="#">LIVROS</a></li> 
		<li><a href="#">VÍDEOS</a></li> 
	  </ul> 
	</li>
	<li><a href="#">EVENTOS</a></li> 
	<li><a href="#">LINKS</a></li>
	<li><a href="#">CONTATO</a></li>
	<li><a href="#">HOME</a></li>
  </ul>
</div>

[brcontainer 16]

no meu IE(o meu é o 6) o submenu nem aparece só no firefox

verifique sua aplicação eu fiz um menu com a mesma tuto a você usou

acho que você tirou algo de importante

 

a proposito se eu não me engano no IE6 HOVER só funciona na TAG "<A href=""></A>" com o HREF=