con firefox il div "box" non contiene gli altri div

[dvdzero]

ciao a tutti
sono alle prime armi con i css
fin'ora sono riuscito a concludere qualcosa con un bel po di "smanetto"
però ho un problema, con firefox il div "box" che ho creato non contiene correttamente gli altri div come invece fa con Explorer

questo è il css che uso
http://www.dvdzero.altervista.org/dvdzero3/dvd0.css

il div box dovrebbe contenere tutti gli altri div come accade con IE

invece il risultato con FF è:

[mic]

prova ad eliminare float:left; dal #footer
poi nel css prova ad aggiungere questo:
#clearing{
clear:left;
}

mentre nella pagina html, dopo la chiusura della div id="colonnadx", metti
<div id="clearing"></div>

dovrebbe andare.
ciao

[dvdzero]

OK ! Grazie 1000

adesso però dovresti spiegarmi quale era il problema e perchè si risolve così

Grazie ancora

[mic]

allora...float:left era concettualmente sbagliato perchè lo usi se devi affiancare a destra un'altra div.
la div clearing la usi per far si che il layout segua la lunghezza delle colonne.
per la teoria vera e propria e per spiegazioni sicuramente migliori, prova a guardare qui

[dvdzero]

grazie ancora!
ciao