[HTML]Divs verspringen bij resizen van de window

[_Rob]

Momenteel ben ik bezig met een nieuwe layout voor de website: http://www.heerendrie.nl. Echter gaat er iets fout met de divs. Wanneer de window te klein wordt geopend, of wordt geresized, verspringen deze. Ik weet niet precies hoe het komt of wat ik er tegen moet doen.

De 3 belangrijke divs zijn 'main', 'menu' en 'navigate'. Hier hun styles:

code:

div#main {
    margin: 50px 25px 0px;
    width: 575px;
    float: left;
}
div#menu {
    padding-left: 25px;
    margin-top: 50px;
    margin-left: 800px;
    border-left: 1px solid #2a2a2a;
    width: 200px;
}
div#navigate {
    padding-left: 25px;
    margin-top: 50px;
    border-right: 1px solid #2a2a2a;
    width: 150px;
    float: left;
}

Hoe kan ik zorgen dat deze niet meer verspringen? Het gebeurd in zowel IE als in FF.

Bedankt voor de hulp

[Cascade]

Dit is een standaard float drop, hoort zo volgens mij. Wil je dit niet en de fixed width columns houden, zou ik een div er omheen doen met de breedte van je totale pagina (min-width en hack voor IE). _{het kan vast een stuk beter}

O, en let je erop dat je in quirks mode zit?

[_Rob]

Bedankt voor je reactie, ik ga ermee aan de slag