Menu desplegable muestra el desplegable mal en IE7

[junihh]

Hola señores

Necesitaba aprender a preparar mis propios menus desplegables basados en CSS, asi que buscando ejemplos encontre este que me resultaba perfecto para un caso donde lo necesito (lo pueden probar aca).

Luego de aplicarlo y hacer mis pruebas usando Chrome como navegador principal y basandome en la muestra que puse, todo quedo perfecto. Sin embargo, cuando lo probe en Explorer, el UL desplegable salia a un lado cuando deberia salir bajo el LI que lo contiene.

Pueden ver aqui lo que hice. Si lo prueban en cualquier navegador que no sea Explorer, todo bien, pero al probar con IE7 la situacion es terrible.

He revisado los CSS no se cuantas veces y la verdad aun no veo el problema. Podrian ustedes revisarlo a ver si encuentran el fallo o quizas alguna sugerencia que no sea usar JS ??

[junihh]

Alguna sugerencia con la situacion que describi ??

[alexk]

prueba dandole una posicion, al submenu

Código:

ul.navSub {
display:none;
left:0;
position:absolute;
top:26px;
z-index:500000;
}

y declarando si posicion relativa a

Código CSS:

ul.navMain li:hover{position:relative;}
 

aqui tienes unos ejemplos de menus desplegables, que funciona sin problemas.
http://araudi.net/ejemplos/menus_desplegables_CSS.html

[junihh]

alexk: Probare, muchas gracias por la sugerencia y link.

[junihh]

@alexk, apenas hoy fue que pude probar tu sugerencia y funciono perfectamente (muchisimas gracias por eso), sin embargo, es inconsistente. Cuando lo reviso en cualquier navegador no IE o en IE8, muestra el desplegable en la posicion correcta, pero cuando lo veo en IE7 y trato de usar alguna de sus opciones, el desplegable se "cierra". Puedes verlo aca.

Alguna otra sugerencia ??

[alexk]

es comun, en elementos flotados, aplica un haslayout

Código CSS:

ul, li{zoom:1;}
 

prueba y comentas

[junihh]

@alexk, nuevamente tienes razon. Puse "zoom" en los ul y li y funciono muy bien, puedes ver la prueba aca.

De verdad agradezco mucho tu ayuda, me sirvio bastante

[alexk]

que bueno suerte!