Creo que el problema tiene relación con las capas, he tratado de solucionarlo y no lo logro.
Acá les cito la lista
Código :
<div id="fondo-menu"> <div id="sector-menu"><div class="menu" id="nav"> <ul> <li>Corporativo</li> <ul> <li><a href="corporativo/antecedentes.php">Antecedentes</a></li> <li><a href="corporativo/indicadores.php">Indicadores</a></li> <li><a href="corporativo/modelos-de-gestion.php">Modelos de gestión</a></li> <li><a href="corporativo/organizacion">Organización</a></li> <li><a href="corporativo/metodo-de-trabajo.php">Método de trabajo</a></li> </ul> <li>Historia</li> <li>Proyectos</li> <li>Clientes</li> <li>Quiénes somos?</li> <li>Contacto</li> </ul></div> </div></div> <div id="fondo-cuerpo"><div id="sector-cuerpo" align="center">[i]contenido de la pa página, el menu debe sobreponerse a estas capas[/i]</div></div>
El id="nav" no tiene importancia para el css ya que cumple una funcionalidad para un javascript que hace que funcione en explorer
Les pongo el css de menu.css
Código :
.menu ul{
padding:0;
margin:auto;
list-style:none;
color:#fff;}
.menu ul li{
padding:3px;
padding-left:0;
margin: 0;
font-size:18px;/*
font-weight:700;*/
float:left;
text-align:center;
position:relative;
display:inline;
width:130px;}
.menu ul ul {
display:none;
position:absolute;
z-index:1000;
/* top:1em;
left:0;}*/}
.menu ul li ul{
position:absolute;
left:13px;
top:25px;
display:none;
list-style:none;
z-index:6000;}
.menu ul li:hover ul{
display: block;
position:absolute;
top:25px;
left:15px;
width:130px;
height:auto;
border:1px solid gray;
background-color:#B89052;
border-top:none;}
.menu ul li:hover ul li a{
width:125px;
height:auto;
padding-left:5px;
font-weight:inherit;
color:black;
text-align:left;
text-decoration:none;
white-space:nowrap;
font-weight:200;
float:left;
font-size:16px;
border-bottom:1px solid #ccc;
margin:0;}
.menu ul li:hover ul li a:hover{
width:125px;
height:auto;
color:white;
text-align:left;
padding-left:5px;
text-decoration:none;
float:left;
border-bottom:1px solid #ccc;
margin:0;}
Si se fijan <div class="menu" id="nav"> se encuentra entre 2 divs que corresponden a cajas.css, acá les pongo las reglas de estas dos normas
Código :
#sector-menu{
width:1024px;
height:29px;
margin: 0 auto;
background-image:url(images/fondo-menu.jpg);
background-repeat:repeat-y;
background-position:top;
color:white;
font-size:16px;}
#fondo-menu{
height:29px;
width:100%;
background-image:url(images/gradiente-menu-i.jpg);
background-repeat:repeat-x;
top:135px;
left:0;
position:absolute;
}
#fondo-cuerpo{
width:100%;
top:164px;
position:absolute;
left:0;
background-image:url(images/cuerpo-10.jpg);
background-position:center;
background-repeat:repeat-y;
z-index:-10000;}
#sector-cuerpo{
width:1004px;
height:auto;
color:white;
position:relative;
margin:0 auto;
background-image:url(images/cuerpo-10.jpg);
background-position:top;
background-repeat:repeat-y;
}Si laguien me podría ayudar le estaría muy agradecido
