Ver Mensaje Individual
  #3 (permalink)  
Antiguo 03/04/2008, 15:21
Avatar de Mikmoro
Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 6 meses
Puntos: 280
Re: ayuda con menu vertical

El asunto es la posición relativa de los "li" de primer nivel. Al ser los "ul" hijos suyos y estar en posición absoluta, en explorer no se puede conseguir que salgan por encima de sus "tios" (los otros li).

Deberás quitar la posición relativa de "ul.menu li"
Entonces los deplazamientos top y left de "ul.menu li ul" no te servirán, y tendrás que convertirlos en margin-top y margin-left y ajustarlos (p.e. margin-top: -2px;
margin-left: -20px;).

De esta manera conseguirás que se superpongan a los otros li. Prueba este codigo:

Cita:
<style type="text/css">
ul.menu {width:100px;background:#CC0000;}
ul.menu li {float:left;border:1px solid #000000;background:#E5E5E5;list-style:none;}
ul.menu li a {display:block;font:bold 11px Arial,Helvetica,sans-serif;color:#000000;}
ul.menu li a:hover {background:#CCCCCC;}
ul.menu li ul {display:none;position:absolute;margin-top:-2px;margin-left:-20px;z-index:1;}
ul.menu li ul li {border:0;clear: left;}
</style>
Puede que ahora alguna cosa cambie, pero supongo que averiguarás cómo resolverlo.

Ya contarás.

Mikel.