Buenos dias a todos. Bueno, resulta que esto me está trayendo de cabeza la verdad. Estoy creando un menu desplegable solamente en css... lo que hago es así.
Código HTML:
<div id="menuheader">
<li id="vue">
<a href="#">Texto</a>
<div id="menu_vuelos" class="desp_header">
<ul>
<li style="border-bottom:1px dotted #FFFFFF;">
Asereje
</li>
<li style="border-bottom:1px dotted #FFFFFF;">
Ja
</li>
<li style="border-bottom:1px dotted #FFFFFF;">
Deje
</li>
</ul>
</div>
</li>
</div>
El div "menu_vuelos" lo tengo en display:none. Y lo que hago es lo siguiente en el css:
Código:
#menuheader #navheader li:hover .desp_header {display:block;}
En Firefox, safari, opera, Internet explorer 7... funciona perfecto. Pero como siempre, el magnifico IE6 no me hace ni caso.
He buscado y probado el metodo siguiente:
http://snipplr.com/view/1912/interne...ie6-css-hover/
Pero ni caso.
Aparte, intento algo tan simple como esto y tampoco me hace caso:
Código:
.desp_header li:hover {background:#FFFFFF;color:#DE0000;}
Alguna idea? Muchisimas gracias a todos.