Perdona Mikmoro, no he detallado bien mis explicaciones
En el HTML que he puesto, hay una capa llamada articulos, que contiene otras 3 denominadas avances, analisis y reportajes.
Esta que ahora se llama "articulos" vendria a ser similar al "wrapper" o "contenedor" donde estan las otras 3 capas.
Mediante CSS delimito el ancho del contenedor (660px), y los anchos de las 3 capas contenidas dentro (220px cada una).
Pero cuando a estas 3 capas les aplico un float para posicionarlas, me vuelve a pasar lo mismo del principio. Se me "achica" la capa contenedora (en este caso se llama "articulos"). Te muestro en la siguiente imagen como se ve (en Firefox):
Como puedes comprobar, la linea negra que se ve encima de las listas, es el borde de la capa contenedora, la cual deberia rodear a las otras 3.
Eso es lo que me pasa
(espero haberme explicado mejor ahora
)