Div i IE og andre browsere

Hejsa!

Jeg tror, jeg er løbet ind i det sædvanlige kompatibilitetsproblem mellem forskellige browsere.
Normalt bruger jeg IE, men da jeg for god ordens skyld skulle teste min side i Mozilla, Netscape og Opera, gik det helt galt...
Linket til min test side er http://www.mads-p.dk/divtest.

I min CSS-fil har jeg angivet height = 300px. Det forstår IE som en mindstehøjde, men den bliver automatisk højere, hvis der er behov for det. Mozilla og de andre opfatter det som en konkret højde, så det altid er sådan.

Hvordan løser jeg det, så det kommer til at se nogenlunde ordentlig ud i alle browsere?

Som en mulig, men ikke pæn løsning, har jeg prøvet at angive:
min-height: 800px;
overflow: visible;

Det opfatter de andre browsere end IE som en minimumshøjde, således at det f.eks. i Mozilla altid vil være 800 pixels højt som i dette tilfælde. Ikke ret pænt, men kunne blive en løsning.


Hvis nogen skulle få løst til selv at lege med det, kan koden til hele test-siden findes her: http://www.mads-p.dk/divtest/divtest.zip


På forhånd tak,
Mads Pedersen