volle höhe in einen div erreichen

hallo,

ich hab ein kleines problem. ich hab ein div. darin sind zwei weitere divs (rechter & linker bereich). beide divs sollen auf die volle höhe des äußeren divs gestreckt werden. leider sieht es z.z. so aus wie in den beigefügten bild.
hier das html:

<div class="page">
        
<div class="contentBlockLeft">
     blah
</div>

<div class="contentBlockRight">
     blub
</div>

</div>

hier das css:

.page {
	float:left;
	margin-top:130px;
	margin-left:10px;
	width:936px;
	min-height:100%;
	background-color:transparent;
}

.contentBlockLeft {
	float:left;
	magin-left:0px;
	magin-top:4px;
	padding-top:32px;
	padding-left:20px;
	min-height:400px;
	width:700px;
	background-color:#FFF;
}

.contentBlockRight {
	float:right;
	magin-right:0px;
	magin-top:4px;
	padding-left:20px;
	padding-top:32px;
	width:192px;
	min-height:400px;
	background-color:#FFF;
}

height:100% funktioniert leider nicht. dann werden die beiden bereiche noch kleiner

Zitat von joextra

[Signatur]
Erfahrungen vererben sich nicht jeder muss sie allein machen.

Ja, toller Spruch - in Hinblick auf eine bereits zigtausendfach diskutierte Problematik allerdings irgendwie etwas ungünstig.

Suche und informiere dich also bitte - das Thema gleich hohe Spalten mit CSS ist alles andere als ein neues.

*close*

Versuch's mal mit margin statt magin.