floatforskel i IE og FF

Hej Eksperter

Jeg har et problem...
på nedenstående 2 billeder kan I se hvad det er.
Kort fortalt har jeg et layer, hvori der er en menu, en undermenu og et hovedfelt til tekst.

I den tekst jeg har lavet er der et billede med float:right.
IE og Opera viser det rigtigt nok, det udvider hovedfeltet (det røde )til at indeholde billedet også, mens Firefox lægger billedet uden for hovedfeltet, eller nærmest ovenpå.

Jeg har herunder smidt koden jeg bruger til felterne.
#wrap er rammen rundt om det hele og #main er hovedfeltet(det røde)

er der nogen der kan sige hvad der skal ændres for at det virker i firefox?


Billede af Opera's visning
http://img132.imageshack.us/img132/9890/floatopjh0.jpg

Billede af Firefox's Visning
http://img166.imageshack.us/img166/3600/floatmozse5.jpg

    #wrap {
    background-color:#fff;
    width:803px;
    border:1px #999 solid;
   
    }
   
    #main {
        background:#f00;
        width:700px;
    }