css Layout mit bottom-kasten

Neuer Tag, neue Frage :)

css treibt mich gerade mal wieder in den Wahnsinn! Also:

Ich will folgendes Layout bauen:
Einen Header-Kasten oben quer rüber
Links eine Navi
Rechts das Contentfenster, das natürlich scrollbar sein muss
Unten einen Bottom-Kasten quer rüber

Problem: Nun verschwindet der Content-Text hinter dem Bottom-Kasten und schneidet damit unten den Text ab.
Wie kann ich dem Contentfenster sagen, dass es bis zur oberen Bottom-Kante reichen soll? Geht das?

Hier mal zum angucken: http://www.persoenliche-entfaltung.com/neu/
Zur Übersicht hübsch farblich markiert.

Danke für Tipps, die mich aus den Klauen des Wahnsinns reißen!

Domenika

Nachtrag / Korrektur:

Der Hack für alle IEs sieht folgendermaßen aus:

* html div#Inhalt {
  height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
 }

... also html und * in umgekehrter REihenfolge...

In Firefox ist jetzt ok - aber im IE 6 fängt der Inhalt erst unterhalb der Navigation an, und diese wird oben auch etwas vom HEader abgeschnitten...

Update:
Ich hab das jetzt mit Hilfe und etwas Javascript gelöst:

<script>
	function setzeScrollHoehe()
	{
		obenAbstand=80;
		untenAbstand=50;
		neueHoehe = document.body.clientHeight - obenAbstand - untenAbstand;
		scrollerObjekt = document.getElementById('Inhalt');
		scrollerObjekt.style.height = neueHoehe+'px';
	}
	
</script>

<div id="Inhalt" style="overflow:auto;">

Und die Navi hab ich mit position:absolute festgesetzt, so dass sie jetzt auch im PC richtig läuft.

Danke!