Una manera fácil de hacer clear a tus floats en CSS, es esta, incluyes en tu código CSS el estilo del elemento, y le agregas la propiedad overflow: hidden:

	.containingElement{ overflow: hidden; }

[/code]
Finalmente, hay que hacer un pequeño hack en Internet Explorer 6 para que lo soporte:

	* html #container{ height: 1%; }

[/code]
Recordad, ascerisco delante era solo para la versión de Internet Explorer 7 o inferiores. Si deseas saber más sobre los comentarios condicionales, lee este artículo que publicamos.

Vía | Dtott