Hola,
Tengo un problema con el submenu. Debajo del menu hay una capa con una opacidad determinada, la cuestion es que al desplegarse el submenu este se esconde detras de esa capa cuando deberia mostrarse por encima, además no me deja hacer click en los enlaces del submenu. Podeis ver lo que ocurre haciendo hover sobre "about us" en:
http://test.javierdelpozo.com
Este es el css del submenu:
Código CSS:
Ver original#principal ul ul {
display:none;
position:absolute;
margin-top:17px;
}
#principal ul li:hover ul {
display:block;
z-index:auto;
}
#principal ul ul li {
margin:0;
font-size:1em;
font-family:'Droid Sans', sans-serif;
text-transform:uppercase;
}
#principal ul ul li a {
width:auto;
display:block;
padding:5px;
background-color:#f18e00;
color:#FFF;
}
#principal ul ul li a:hover {
color:#666;
}
Este es el CSS de la capa que se encuentra justo debajo del menu principal:
Código CSS:
Ver original#lema {
width:100%;
background-color:#FFF;
opacity:0.7;
-moz-opacity:0.7;
filter: alpha(opacity=70);
-khtml-opacity:0.7;
color:#f18e00;
text-align:center;
text-transform:uppercase;
font-family:'Droid Sans', sans-serif;
font-size:2.7em;
font-weight:bold;
padding:40px 0 40px;
}
¿Como lo puedo solucionar?
