DIV med float problem.

Tjohej!

Har skapat en stor div (röd) i den stora div'en har jag en mängd små blå div'ar. Det jag vill skall hända är att den röda div'en skall ändra storlek efter de små blå.

Verkar fungera bra i IE, men i Firefox fungerar det ej.

Har kod nedan som visar problemet, (svår förklarat)

Kod exempel

skapa en div längst ner i den röda med följande attribut:

.clear {
clear:both;
}

Fungerar nu med Firefox, men slutat fungera i IE istället.. :)

Kodexempel2

Missade att du hade en div som hette main...testa att flytta det jag skrev underst i main-diven istället...