Mega Menu, problemas con el z-index

[carloshuchim]

¡Hola!

Les comento mi problema, tengo un menú que tome de la página:

Learn to build a Mega Drop Down Menu from scratch with CSS & jQuery. Easy to learn in 6 steps - Requires basic knowledge of CSS and jQuery.
http://www.sohtanaka.com/web-design/...-w-css-jquery/

En la página dónde lo puse, tenía el encabezado, el menú y un tab de JQuery,...

El problema es que el menu se ve detrás del tab de JQuery,... le puse z-index a 1000 y se solucionó para firefox, pero en el internet explorer 8 (que es el único que tengo en mi compu) se ve igual... como que no acepta bien lo del z-index...

hay alguna forma de solucionarlo?...

ayuda!!!! jajjajaj saludos

(nota, esto lo envie también al foo de css.. ¿se molestan por eso?

[mayid]

z-index solo funciona con position - relative o absolute. Tenes declarada la "position"?

[carloshuchim]

Si, pero... la lista no tiene posición absoluta, sólo el div que se llama sub y tiene las opciones...


ul#topnav li .sub {
position: absolute; /*--Important--*/
top: 38px; left: 2px;
background: #dfdfdf; /*--Background gradient--*/
padding: 10px 10px 10px;
float: left;
/*--Bottom right rounded corner--*/
-moz-border-radius-bottomright: 5px;
-khtml-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
/*--Bottom left rounded corner--*/
-moz-border-radius-bottomleft: 5px;
-khtml-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
display: none; /*--Hidden for those with js turned off--*/
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
z-index: 1000;
}