tag:hover en ie6 falla

[Shade]

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.

[aloqui]

Iniciado por Shade

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.

¿ Has probado si lo anterior funciona cuando no tienes el style definido en el .html ?
Es decir para:

Código:

<li>Asereje</li>
<li>Ja</li>
<li>Deje</li>

En caso afirmativo la solución podría pasar por definir en los li:link, li:visited, etc. dicho style.

[JavierB]

Hola Shade

En IE6 hover sólo funciona con enlaces.

Saludos,

[webosiris]

la libreria "script ie7" permite que el ie6 reconozca el :hover en cualquier elemento :)