Ver Mensaje Individual
  #5 (permalink)  
Antiguo 25/04/2010, 15:05
kadas99
 
Fecha de Ingreso: julio-2009
Ubicación: Argentina!
Mensajes: 324
Antigüedad: 14 años, 8 meses
Puntos: 4
Respuesta: Lista desplegable se muestra mal en IE

Aca te mando lo que me pedis


Código HTML:
<html>
<head>
<style type="text/css">
ul#uno {
	list-style: none;
	margin: 0;
	padding: 0;
	width:155px;
}

ul#uno li {
	font: bold 11px/16px arial, helvetica, sans-serif;
	background:#99FF66;
	border-bottom:1px solid #FFFFFF;
	position: relative;
	float:left;
	width:100%;

	}

ul#uno li ul li{
	background:#99FF66;
	border-left:5px solid #fff;
	}

ul#uno li a{
	display:block;
	padding: 2px 3px;
	}

ul#uno li a:hover {
	color: #000000;
	background:#99FF66;
	border-right:1px solid #fff;
	border-left:10px solid #fff;
}

ul#uno li ul li a:hover{
	background:#99FF66;
	border-left:15px solid #fff;

}

ul#uno ul {
	position: absolute;
	top: 0;
	display:none;
}

ul#uno li:hover ul{

	display: block;
	left:153px;
}

</style>

</head>

<body>
<ul id="uno">
<li><a href="#"><h3>Accesorios para Vehículos</h3> </a>
<ul id="uno">
<li><a href="busqueda.php?id=1&id1=1"><h3>   Accesorios para Autos </h3></a></li>
<li><a href="busqueda.php?id=1&id1=2"><h3>   Accesorios para Motos </h3></a></li>
<li><a href="busqueda.php?id=1&id1=3"><h3>   Sistema de Audio    </h3> </a></li>
<li><a href="busqueda.php?id=1&id1=4"><h3>   Libros/Revistas      </h3> </a></li>
<li><a href="busqueda.php?id=1&id1=5"> <h3>  Otros    </h3> </a></li>
</ul>
      </li>
<li><a href="#"><h3>Adultos </h3> </a>
<ul id="uno">
<li><a href="busqueda.php?id=2&id1=1"><h3>   Accesorios           </h3> </a></li>
<li><a href="busqueda.php?id=2&id1=2"> <h3>  Libros/Revistas </h3> </a></li>
<li><a href="busqueda.php?id=2&id1=3"> <h3>  Cueros      </h3> </a></li>
<li><a href="busqueda.php?id=2&id1=4"> <h3>  Arte Erótico </h3> </a></li>
<li><a href="busqueda.php?id=2&id1=5"> <h3>Fotografías </h3> </a></li>
<li><a href="busqueda.php?id=2&id1=6"><h3>   Juguetes Eróticos </h3> </a></li>
<li><a href="busqueda.php?id=2&id1=7"> <h3>  Lencería   </h3> </a></li>
<li><a href="busqueda.php?id=2&id1=8"> <h3>  Películas   </h3> </a></li>
<li><a href="busqueda.php?id=2&id1=9"> <h3>Otros  </h3> </a></li>
</ul>
      </li>
</ul>

</body>
</html> 
es la parte mas importante donde se muestra el despliegue en FF pero no en IE, se que es algo sobre el hover que lo muestra mal en IE (Directamente no funciona) pero no se como arreglarlo, vi que se podia hacer en javascript pero que tambien se podia hacer en html con onmouseover onmouseout pero no se como realizar el cambio.

Muchas Gracias