clear: both;

el clear es una propiedad que sirve para indicar que el elemento no debe envolver a ningún contenido flotante, y lo de both se pone para decir que no lo haga ni a la izquierda ni a la derecha, si quieres también adoptar los valores left o right.

que alguien me corrija si no eso :)

En este otro post se ha hablado mucho de esa propiedad con algún ejemplo. Tal vez te sirva para ayudarte a entenderlo ;)
https://www.domestika.org/foros/viewtopic.php?t=18572

la especificacion css 2 sobre clear dice:
"Esta propiedad indica cuál de los lados de la(s) caja(s) de un elemento no puede quedar adyacente a una caja flotante anterior. (Puede suceder que el propio elemento tenga descendientes flotantes; la propiedad 'clear' no tiene ningún efecto sobre estos.)

Esta propiedad sólo puede especificarse para elementos a nivel de bloque (incluyendo los flotantes)."

para el valor both de clear dice:
"La caja generada se mueve debajo de todas las cajas flotantes que aparecen antes en el documento fuente."

Un poco lioso verdad??.. para entenderlo mejor, unos ejemplos: http://www.glokraemer.com/vu/cssintro/incant.html http://www.glokraemer.com/test.html

ciaoo

gracias chicos, la verdad es q es un poco liante, pero entre las especificaciones y un ejemplo que fue de donde lo saque ya lo entiendo más o menos.

otra ayudita: http://www.andybudd.com/blog/archives/000129.html

Vamos a ver ... cuando tú pones algo con float, sacas ese elemento del flujo del documento ... con lo cual cabe la posibilidad de que "pise" (oculte parcialmente) algún otro elemento que tiene por debajo

Pues si eso ocurre, puedes asignarle al elemento de "debajo" la propiedad clear, para que no quede tapado, y se muestre a continuación del elemento con float

Esta propiedad (clear) puede tener valores left y right (para evitar que "sea ocultado" por divs (con float) situados a su izquierda o derecha ... o con both, para evitar problemas con cualquiera de los dos lados