Holaa,
Mes estoy volviendo loco con el problema que ahora les explico, porque es muy extraño lo que me hace el firefox, parece raro, pero el IE me lo muestra correctamente...
Les explico.
Tengo dos capas, una padre y la otra hijo...
Código:
<div id="cabecera">
<div id="logo"></div>
</div>
Una es la cabecera de la pagina, y otra es el logo. Hasta aquí toodo bien. El problema biene cuando pongo lo siguiente en CSS para dar la imagen de fondo, tamaño etc:
Código:
#cabecera{
background: #FFFFFF url(../img/cabecera.jpg) no-repeat;
margin-top: 30px;
width: 700px;
height: 109px;
}
#logo{
background: url(../img/logo.png) no-repeat;
margin-top: 15px;
height: 13px;
width: 250px;
}
Resulta que quiero que el logotipo este 15px por dejabo de cabecera, para centrarlo. El problema esque firefox no baja la capa logo dentro de cabecera... sino que no baja nada, por no decir no hace nada. Solo cuendo el valor margin-top de logo es mayor de 30px este baja, y atención, porque baja la capa cabecera más y no logo!.
Lo bueno de todo esto, esque cuando aplico un borde, de por ejemplo 1 px a cabecera, se soluciona todo, y logo baja como tiene que ser.
¿Como lo soluciono?
¿Me explicado bien?
Saludos