Submenu por debajo de otras capas

[mitobo]

Hola a todos.
He estado maquetando este sitio, http://www.meamsitorn.com/2009/, pero me he encontrado con un problema en Explorer que me lleva de cabeza.

Como veis, hay un menu desplegable en el botón "Catálogo".
En firefox va estupendamente, pero en el Explorer, el submenu siempre queda por debajo de las otras capas.
Al principio, el menu estaba encima del banner grande blanco, y al desplegarse, se desplegaba correctamente encima de la imágen.
Ahora, al cambiarlo de sitiio, lo que tiene por debajo son capas en lugar de imágenes, y queda por debajo.
He probado tocando todos los z-index y nada, y la verdad es que es un poco extraño, porque me imagino que tendrá solución...


Alguien podría ayudarme?

Los links a los css:
http://www.meamsitorn.com/2009/css/general.css
http://www.meamsitorn.com/2009/css/noticias.css
http://www.meamsitorn.com/2009/css/menu.css

[Mikmoro]

Tu caja #derecha tiene una posición relativa y un z-index de 1. ¿Tiene también tu menú una posición relativa y un z-index superior?

[mitobo]

Si, es el menu tiene una posición relativa, pero el submenú tiene una posición absoluta con un z-index bastante mayor.
Crees que debería probar de cambiarlo?

[mitobo]

Nadie puede ayudarme? Llevo varios dias con eso y la verdad es que no hay manera...
La versión con la que da problemas es la 6.0...
ayuda por favor!

[Mikmoro]

Antes de intentar otra cosa: ¿pero el menú lleva z-index? porque si lo lleva sólo el submenú no hacemos nada.

[mitobo]

Hola mikmoro.
Antes de nada gracias por intentar ayudarme.
Y la respuesta es si, el menu lleva z-index 400.


#menu {z-index:400;}
.menu ul ul {visibility:hidden;position:absolute;height:0;top: 45px;left:0; width:103px;z-index:4000;}

La verdad es que es bastante extraño esto que pasa, ya que en esta página (www.nordesport.com) lo hice exactamente igual y no me ha dado ningún problema.
La única modificación que he añadido es lo de los span con display:none, ya que este está compuesto 100% por imágenes.

Puede afectar eso en algo?

[Mikmoro]

Veamos, que creo que no nos estamos entendiendo: para que el z-index funcione, debes tener una posición asignada. En la primera pregunta me dices que el menú tiene posición relativa, y en la segunda que tiene z-index.

Pues bien: entro a mirarlo y veo que #menú tiene un z-index de 400, pero ninguna posición.

Si pones #menu {position: relative; z-index: 10;} no deberías tener problemas. Si los tienes, seguimos mirando.

[mitobo]

Muchísimas gracias Mikmoro. He puesto la posición relativa y funcioona a la perfección.
Sencillamente no se como agradecértelo.
No sabía eso de que el z-index debía tener posición asignada, gracias por enseñarmelo.
Gracias!

[Mikmoro]

De nada, es un placer.

Saludos.