Divs flotados y contenido interno

[Alvaro_Franz]

Hola... estoy haciendo un sistema de comentarios. Ahora está así:



Explico: Necesito que aparezcan Dos capas principales alineadas, quedando:

IMAGEN | CONTENIDO

Bien, float:left; y right.... pero.. a su vez, dentro de contenido, debe haber otros dos cuerpos, quedando:

IMAGEN | [Texto] | [Botón eliminar]

Las capas que tengo son (renombradas para que concuerden con mi estructura)

Código CSS:

div.WRAPPER{
margin:0px;
border-bottom:1px solid #F2F2F2;
border-left:2px solid #CCC;
overflow:auto;
}
 
div.comment IMG{
float:left;
width:48px;
height:48px;
margin:8px 0px 8px 8px;
padding:1px;
border:1px solid #CCC;
overflow:hidden;
}
 
 
.CONTENIDO{
float:right;
width:660px;
height:26px;
padding:3px;
margin-left:4px;
overflow:auto;
background-color:#CCC;
}
 
div.[texto]{
float:left;
width:640px;
overflow:auto;
}
 
img.[botón eliminar]{
float:right;
width:16px;
height:16px;
}
 

He leído, que con overflow:auto, se soluciona el tamaño de un div flotado. Gracias por leer.

[ArturoGallegos]

no entendí muy bien tu duda... pero a juzgar por tu comentario final creo que el problema es que el div contenedor no toma la altura de su contenido... estoy bien?

una opción es overflow: hidden o auto según aplique el caso... en caso de ser auto y no deseas scroll no pongas altura fija.

otra forma es colocar un elemento al final con la propiedad clear:both

[Alvaro_Franz]

Lo que sucede es que el contenedor CONTENIDO (el que está en gris)... No se agranda en el eje y.

Fallo mío: debió ser el tiempo, que agota la mente :D Sin darme cuenta he asignado un alto al contenido, por eso no funciona... Bueno, un saludo y muchas gracias :D