En internet explorer el div, se cual sea el contenido que tenga, crece y empuja al de abajo .. en firefox eso no pasa .. el div se queda como esta pero el texto se escribe por encima de las otras capas, me explico ..
Código HTML:
#cnt_total_div{
height:506px;
width: 550px;
float:left;
position:relative;
}
#cnt_cnt_div{
height:352px;
width: 550px;
float:left;
position:relative;
background-color:yellow;
}
#footer {
clear: both;
margin: 0;
padding: 0;
text-align:left;
height:48px;
width: 780px;
position:relative;
background-image:url(images/2p_08.jpg);
}
<div id="cnt_total_div">
<div id="cnt_cnt_div">
Contenido contenido contenido contenido contenido contenido contenido ...
</div>
</div>
<div id="footer">
</div> Bueno si el contenido de cnt_cnt_div sobrepasa el tamaño fijado en el div en iexplorer el div crece empujado al div footer, sin embargo en firefox el div se queda con un tamaño fijo y las letras se salen superponiendose al footer ... ¿Como puedo lograr que pase como en iexplorer?
Gracias.