[Ovillo] Problema con menú desplegable

[Sergio Bajo]

Buenas a todos/as. Es la primera vez que envío un mensaje a la lista, aunque
os sigo desde hace algo más de 2 meses prácticamente a diario, así que
espero estar escribiendo en el sitio adecuado… jeje.

 

Bueno, pues veréis, estoy haciendo un menú desplegable en CSS (y algo de
javascript para que se despliegue en Explorer, pero eso no viene a cuento
ahora), y tengo un problemilla. Bueno, antes de nada he colgado el menú, CSS
y demás en una página web para que podáis verlo en acción. Es un ejemplo
simplificado de lo que tengo que hacer en realidad. El documento HTML en
cuestión está en:

 

http://5erg10.iespana.es/menu_desplegable.html

 

y el CSS:

 

http://5erg10.iespana.es/menu.css

 

No tengáis en cuenta cuestiones de validación y eso, porque es un ejemplo
que hecho a la carrera para que podáis verlo. Si lo veis en Mozilla
comprobaréis que el comportamiento es más o menos normal, cuando pasáis
sobre algún elemento que tenga submenú, este se despliega correctamente. El
problema viene al verlo en Explorer, que al desplegarse el submenú
correspondiente a un elemento, también crece el elemento correspondiente y
es algo que me está volviendo loco. He probado a fijar el alto (height) del
elemento y cosas así, pero parece que Explorer no quiere hacer caso y no se
me ocurre qué más cosas puedo probar…

 

Como veis la idea es sencilla, el menú principal está posicionado
absolutamente, y cada menú desplegable está posicionado relativamente al
elemento del que es hijo. Los menús están eliminados (display:none) hasta
que el puntero pasa por encima del elemento padre (display:block, también he
probado con display:list-item) y creo que no me dejo nada más.

 

Si alguien puede echarme una mano le estaré muy agradecido… y perdón si no
he escrito esto en el sitio correcto, que es la primera vez.

 

PD. Ah, ya imagino que tanto el código HTML como el CSS serán muy
mejorables, pero apenas llevo mes y medio con esto y no controlo demasiado
;P