DIV Höhe dynamisch zu einem anderen DIV

[kingkong84]

Hallo, ich habe ein kleines Problem mit meiner DIV Struktur.

Die Webseite wird über eine XSL, CSS und den dazugehörigen XML Dateien erzeugt. Strukturiert ist sie in 3 DIV's welche übereinander angeordnet sind
Header, Body und Footer.

Der Body nochmal horizontal unterteilt in Menu, content und News.

Mein Problem besteht darin, das die Anzahl der News welche rechts dargestellt werden zufällig ist. Unter diesem Umständen kann es passieren das der Content-Bereich eine geringere Höhe besitzt als der News-Bereich. Aufgrund der Hintergrundfarbe soll der Content-Bereich aber immer mit dem Footer abschließen.

Meine Frage wäre jetzt, wie kann ich die min-Höhe des Contents abhängig von der Höhe der News machen? min-height:100% funktioniert nicht, weil dies nur auf den Content DIV bezogen ist. Ich will aber auch keine statische min. Höhe vergeben weil dies doof aussieht wenn der Content viel ist und nur wenige News erscheinen.

Der Bereich in der CSS sieht wie folgt aus:

#Body  
{  
	width:940px;  
	margin:auto;  
	background-color: #DADADA;  
}	  
	  
	#MainMenue , #Referenzen	  
	{  
		width:23%;  
		padding: 0 1% 0 1%;  
		float:left;  
	}  
  
...  
  
	#Content  
	{  
		Background-color:white;  
		width:46%;  
		padding:4px 2% 2% 2%;  
		float:left;  
	}

Ich hoffe ich konnte mich halbwegs klar ausdrücken und noch viel mehr das mir jemand helfen kann.

Viele Dank.