Hola a todo el mundo, antes de que mi pc vuele por la ventana y mate a alguna persona. Tengo el típico problema con z-index que no logro solucionar y me estoy volviendo loco. Un submenú (jquery) que quiero que se vea por encima de un div en el que tengo un slider(tb de jquery), estoy seguro que lo de jquery no es relevante pero por si acaso. He probado poniendo z-index:1000; al menú padre, al sub-menú, he probado poniendo z-index:-1000; al slider para ocultarlo y no hay manera de que me salga. Adjunto código:
<pre>
#nav { list-style:none;float:right;padding: 0;margin:10px 0 20px 0;width:600px;display:block;overflow: hidden;font-size:0.9em;height:25px;text-transform:capitalize;}
#nav li {float:left; }
#nav li a {display: block;float:left;width:75px;height:auto;padding: 5px 10px;color:#A3444A;font:Geneva, Arial, Helvetica, sans-serif;text-align:center;text-decoration: none; }
#nav li a:hover {
color:#CCCCCC;
}
#nav ul.submenu {
display:none;
padding:5px;
position:absolute;
z-index:1000;
list-style:none;
background-color:#A3444A;
left: 614px;
top: 156px;
width: 97px;
height: 51px;
}
#nav ul.submenu li { float:left;}
/* Subsubmenu */
#nav ul.submenu a { display: block;float:left;width:75px;height:auto;padding:5p x 10px;color:#999999;font:Geneva, Arial, Helvetica, sans-serif;text-align:center;text-decoration: none;}
#nav ul.submenu hover { color:#CCCCCC;}
Muchas gracias a todos