Größe eines inneren Elements anpassen/füllen

[bubble]

Hi,

ich verzweifle schon wieder an einer Kleinigkeit.

Und zwar habe ich folgende Struktur von HTML-Elementen

<div class="GUI_window">  
	<span class="GUI_window_title">Titel</span>  
	<div class="GUI_window_title_buttons GUI_window_title_button_close"></div>  
	<div class="GUI_window_content">  
		<!-- irgendein Inhalt -->  
	</div>  
	<div class="GUI_window_resizer"></div>  
</div>

Via CSS Eigenschaft float liegen GUI_window_title und GUI_window_title_buttons nebeneinander und haben eine über CSS definierte feste Höhe. GUI_window_content hat keine feste Höhe und liegt unter title/buttons, unter content ist GUI_window_resizer, wiederum mit einer festen Höhe, aber auch mit relativer Positionierung.

So, GUI_window bekommt nun aber eine bestimmte Höhe. Wenn nun diese Höhe größer als die benötigte Höhe ist, ist Leerraum nach resizer. Nun möchte ich aber, dass content soweit vergrößert "wird", dass es den Leerraum "verbraucht" und alles bündig ist. (Hintergrund ist, das content einen Rahmen hat und resizer die rechte untere Ecke überdecken soll)

Geht das mit CSS? Auf Javascript würde ich gerne verzichten.

Hier mal eine Testseite, die das komplette Problem darstellt.

MfG
bubble