Tingen omrking float og clear

Hello.

Jeg har arbejdet med CSS i flere år efterhånden, men der er en ting jeg aldrig har fået forklaret ordentligt og forståeligt, og hvorfor det er som det er.

Sætter jeg flere div'elementer inden i hinanden til at floate:left; og fylder dem med tekst, vil IE6 lægge stykker af teksten under selve indholdet. Frustrerende og irriterende, special når jeg ikke selv ved hvorfor.

Så hvordan er det så med floatede elementer: Er det kun IE6 der fejler? Hvorfor sker det? Og hvordan er det nu med at "cleare" div-elementer?

Specielt tingen omkring clearing af div'er (eller floatede div'er) er jeg meget interesseret i, da alle sider jeg ser anbefaler at gøre det, men hvorfor skal man og hvordan foregår det?

Det er meget, ja, men jeg håber i har tid til at forklare det til mig :-)