al usar float se me deforma los contenidos de los demas div

[IsaBelM]

hay varias opciones con respecto al css, pero el layout ha de ser este

<div id='contenedor'>

<div id='cabecera'>

cabecera

</div>
<div id="cuerpo">
<div id='contenido1'>

<p>contenido 1</p>

</div>

<div id='contenido2'>

<p>contenido 2</p>

</div>
</div>
<div id='pie'>

<p>pie</p>

</div>



</div>

#cuerpo div {
/*display: inline-block;*/
float: left;
}

#pie {
clear: left;
}

si usas float has de limpiar