Eliminar floats "internos" respetando los "externos"

[ArturoGallegos]

en lugar del div adicional con clear:both coloca overflow:hidden; al div padre

Código HTML:

<div style="overflow:hidden;">
      <div id="IZQUIERDA"></div>
      <div id="DERECHA"></div>
      <div id="CENTRO"></div>
    </div>
    <div id="PIE"></div>
 

claro esto te funcionara siempre y cuando el div padre no tenga una altura definida