Hola amigos!
Me ha tocado rehacer la maquetación de una pag y me encontré con que el FF no me está viendo el background en un div anidado, que si lo ve IE.
Les paso mas o menos el código
Esta es la estructura de mi HTML:
<html>
<head>
</head>
<body class="body">
<div id="contenedor">
<!-- cabecera -->
<div id="cabecera">
<div id="cab_izq">
</div>
<div id="cab_der">
</div><!-- fin de cabecera derecha -->
</div><!-- fin de cabecera -->
<div id="cuerpo">
<div id="lateral_izq">
</div><!-- fin lateral izquierdo -->
<div id="centro_sup">
<div id="c_izq">
<div id="seccion_uno">
</div>
<div id="seccion_dos">
</div>
</div>
<div id="c_der">
<div id="seccion_tres">
</div>
</div>
</div><!-- fin centro_sup -->
</div><!-- fin cuerpo -->
</div> <!-- fin contenedor -->
<!-- pie -->
<div id="pie">
</div>
</body>
</html>
Este es el CSS:
#contenedor{
background:transparent url(../imagenes/fondo_medio.jpg) repeat top left;
margin: 0 auto 0 auto;
font-family: Verdana;
font-size: 0.8em;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-align:left;
color: #525252;
width: 775px;
}
#cabecera{
margin:0 auto 0 auto;
width:775px;
height:219px;
background:transparent url(../imagenes/fondo_cabecera.jpg) repeat top left;
position: relative
}
#cuerpo{
width:775px;
margin:0;
background-color:transparent;
background-image:url(../imagenes/fondo_medio.jpg);
background-position: top left;
background-repeat: repeat;
clear:both;
position:relative;
}
Ahora en el div "CUERPO" tengo un background de fondo que debería verse en la otras capas. Pero que el FF no lo interpreta. En el div "CABECERA" tengo una estructura parecida y ahi el fondo si se ve.
Desde ya muchas gracias!!