Menu Drop Down

[wdc_black_ 0]

ola pessoal, eu estou com 1 problema...

http://www.wdc-clan.com/age222/

vejam no link download e record games..

ele n esta funcionando no IE, como posso ajeitar isso?

aki ta codigo html....

<ul id="nav">
	<li><a href="#">Home</a></li>
	<li class="nav"> </li>
	<li><a href="#">Fórum</a></li>
	<li class="nav"> </li>
	<li><a href="#">Downloads</a> 
	  <ul> 
		<li><a href="#">Age of Empires II</a></li> 
		<li><a href="#">Patchs e Cracks</a></li> 
		<li><a href="#">Mapas e Cenários</a></li> 
	  </ul> 
	</li>
	<li class="nav"> </li> 
	<li><a href="#">Dicas e Estratégias</a> 
	  <ul> 
		<li><a href="#">Random Map - RM</a></li> 
		<li><a href="#">Hell Hole - HH</a></li> 
		<li><a href="#">Campanhas</a></li> 
	  </ul> 
	</li>
	<li class="nav"> </li>
	<li><a href="#">Campeonatos</a>
	<ul> 
		<li><a href="#">Random Map - RM</a></li> 
		<li><a href="#">Hell Hole - HH</a></li> 
	  </ul>
	</li>
	<li class="nav"> </li>
	<li><a href="#">Regras</a></li>
	<li class="nav"> </li>
	<li><a href="#">Ajuda</a></li>
  </ul>

codigo css...

ul{
	font-family:Verdana;
	color:#000000;
	font-weight:bold;
	font-size:10px;
	padding:1px 1px 1px 1px;
 }
ul li {display:block; float:left;}
ul#nav li.nav {display:block; float:left; width:3px;}
ul li:hover{ background: #972828; color:#FFFFFF;} 
ul li a {	
	padding:6px 6px 6px 6px;
	display:block;
	font-family:Verdana;
	color:#000000;
	font-weight:bold;
	font-size:10px;
	text-decoration:none; 
	}
ul li a:hover { 
	border:#CCCCCC solid 1px;
	padding:5px 5px 5px 5px;
	display:block;
	font-family:Verdana;
	color:#FFFFFF;
	font-weight:bold;
	font-size:10px;
	text-decoration:none; 
	}
ul li ul {display:none;}
ul li:hover ul{ width:150px; display:block; position:absolute; clear:both; 
font-weight:bold; color:#FFF; background:#cc4747;}
ul li:hover ul li{ background:#bc3333; float:none; border:#972828 solid 1px;}

 

abraços, agradeço desde já :)

 

--------------------

edit...

removi o que n era necessário no codigo, ele ta mais limpo agora...

tentei fazer pelo tutorial do maujor, mas n funcionou no IE msm assim =/

q q eu posso fazer??

abraços

[wdc_black_ 0]

alguem? :)

[William Bruno 1501]

Putz... esse código CSS tá bem ruim...

tenta eliminar as redundâncias ai dele...

 

 

<<editado>>

http://www.maujor.com/tutorial/ddownmenu.php

Melhor você recomeçar a construir esse menu do zero... acredite.

[brcontainer 16]

:hover não funciona no IE.

Que tal usar esse que tem um código javascript que faz o efeito HOVER:

 

http://www.maujor.com/tutorial/ddownmenu.php

 

falow ;)