div que empuja

[peconrrixico22]

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.

[David]

El problema es que le estás asignando un alto fijo tanto a cnt_cnt_div como a cnt_total_div. No le asignes un alto (o en todo caso, si quieres que tenga un alto mínimo, usa min-height)

[peconrrixico22]

Efectivamente.. recien estoy empezando a maquetar con div y la verdad .. me esta costando pero lo voy pillando.. MUCHISIMAS GRACIAS !! eres genial david el grande !!