html/css: div-höhe mindestens über ganze seite

Habe gerade ein kleines CSS Problem.
Entwickle gerade ein Layout mit einer Div Struktur. Da gibt es zB ein div für den Content und eines für den Footer. Das content-div ist aber im Defaultfall so hoch wie der Inhalt -> bei wenig Inhalt ist es sehr klein bzw der footer pickt dann auch oben. Hier das konkrete Beispiel: http://fry.homeip.net/test/
das CSS dazu: http://fry.homeip.net/test/style.css
(Der Rahmen um den Footer ist zu "Debugzwecken" noch drinnen, damit man sieht wo das div wirklich hinplaziert wird)

Hätte jetzt gerne dass die Content Fläche immer das Browserfenster ausfüllt bzw wenn mehr Content als eine Seite drin ist darf dieser natürlich nicht aus der Fläche herausragen -> das contentdiv muss auch entsprechend groß werden. Die Eigenschaft min-height ist mir bekannt, jedoch wird die vom IE noch net interpretiert und der firefox schafft da zB keine % angaben (seltsamerweise, bei meinen Tests). Und px will ich auch nicht verwenden, hätte es lieber dynamischer.

Hab mich jetzt schon ein wenig mit den Elternelementen bzw Containern und height Angaben gespielt, bekomm jedoch nicht den gewünschten Effekt hin.

Hoffe es ist klar worauf ich hinauswill bzw wär ich für alle Tipps dankbar. Stehe momentan echt an.