Capa que no se expande con el contenido

[Finseneu]

Buenas amigos tengo este simple layout de 2 capas flotantes dentro de un contenedor que se reusa a expandirse con el contenido de las mismas.
Estoy seguro que siempre lo he hecho asi sin tener problemas pero ahora me surge esto, que estoy haciendo mal?

Código CSS:

.contenedor {  width: 960px; margin:0 auto; margin-top: 35px; clear:both; padding: 20px 0; background-color:#FF0000;  }
.izquierda { float: left; width: 220px; background-color:#FFFF00; }
.derecha { float: right; width: 720px; margin-left:20px; background-color: #00FF00; }
 

Por si no se entendio el problema es que el contenedor no crecre hacia abajo, siempre tiene el mismo alto y el contenido se desborda

[kseso?]

Limpiar float
Por ser una cuestión redundante mil veces consultada respondida una simple búsqueda en el foro le dará no sólo el cómo evitarlo sino el porqué sucede también.

[Finseneu]

Ya lo habia solucionado con

Código CSS:

height: 1%; overflow: hidden;
 

Sin embargo no entiendo porque pasa esto ahora siendo que siempre he utilizado ese esquema del contenedor con los 2 divs flotantes sin necesidad de utilizar esta tecnica y casi nunca me dio problemas.