Me pasa en firefox, tengo una capa contenedora con varias capas dentro (una debajo de otra), pongo codigo html (reducido, para no alargar mucho el tema):
Código HTML:
<body>
<div id="cnt">
<div id="tit">
<img src="images/1.jpg" width="194" height="95" alt="imagen1"><img src="images/2.jpg" width="190" height="95"><img src="images/3.jpg" width="184" height="95"><img src="images/tit_inicio.jpg" width="192" height="95">
</div>
<div id="pie">
<p>Texto Capa inferior</p>
</div>
</div>
</body>
y tengo asociado el siguiente CSS:
Código HTML:
body {
background: url(../images/fondo.gif) repeat;
background-color:#C9D9F3;
font-family:Trebuchet Ms,Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
#cnt {
width:760px;
margin: 5px auto;
border:1px solid #555555;
background: url(../images/fondo.jpg) repeat-y;}
#tit {
float:left;
padding:0px;
margin:0px;
border-bottom:1px dotted #cccccc;
width:760px;
}
#tit img {
border:0px;
padding:0px;
float:left;
}
#pie {
float:left;
background-color: #0099CC;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:400;
color:#00FF00;
text-align:center;
width:760px;
}
#pie p {
padding-top:3px;
}
Como veis en
http://www.consultoressap.es/webs/html2/testeo.php, la capa contenedora tiene un borde de un pixel, y se "expande" con las capas que contiene (en Internet Explorer). Sin embargo, con Firefox, esta capa contenedora queda por encima de las otras dos y no se expande (se ve solo el borde superior, como si la capa se quedara de un pixel.
A ver si alguno pudiera echarme un cable que llevo tiempo intentando dar con la solucion.