float: left macht Probleme im FF

[aladin]

Hallo,
ich erstelle z.Z. eine Internetseite und stehe nun vor einem etwas merkwürdigen Problem.

erstmal

Mein Layout in Worten:
Ein Head-Bereich mit Navigation (Orange),
Links ein schmaler Bereich (Blau),
daneben der Inhalt (Braun).
Das ganze in einem Container für die Breite (Grün)

Vorschau Link

css code:

div#gruener_bereich {
    background-image:url(images/cornerBg.jpg);
    background-repeat:no-repeat;
    height: 100%;
    width: 924px;
    background-color: #009966;
}

div#gruener_bereich div#orange {
    width: 924px;
    height: 196px;
    background-color: #FFCC66;
}

div#gruener_bereich div#blau {
    width: 239px;
    float: left;
    padding: 58px 0px 30px 0px;
    height: 100%;
    background-color: #0000ff;
}

div#gruener_bereich div#blau div.rosa_boxen{
    padding: 0px 0px 24px 28px;
    background-color: #CC6699;
    width: 211px;
}

div#gruener_bereich div#braun {
    width: 591px;
    float: left;
    background-color: #996600;
}

jetzt das Prob

Der braunde Hauprbereich sitzt manchmal einfach unter dem linken, blauen Bereich. Einfach willd in der Navi klicken und ab und zu is der Hauptbereich unten.
Was kann ich dagegen tun? Alle Breiten sind Passend.

Thx schon mal...


edit: ach ja, in allen Browsern funzt es wunderbar. Der Fehler tritt nur im Firefox auf.