Layoutproblem - min-height, aber komplette Seite ausfüllen

[Hannes]

Hier die richtige css... jetzt gibt es keine Überlappung, aber es schiebt sich zu weit zusammen.

/* CSS Document */
html, body {
 background-color: #FFFFFF;
 margin:0 0 0 0;
 padding:0;
 text-align: center;
 font-family:helvetica, sans-serif;
 height:100%;
 }
/*PAGE LAYOUT*/
.oben {
 height:47%;
 }

.oben .links {
 background-color: #FFFFFF;
 float:left;
 width:50%;
 height:100%;
 }

.oben .rechts {
 background-color: #C8E7FF;
 float:right;
 width:50%;
 height:100%;

}

.mitte {
 background-color: #85A9BA;
 color: #FFFFFF;
 height:12px;
 padding:10px;
 }

.unten {
 height:50%;
 }

.unten .links {
 float:left;
 background-color: #D6D6D6;
 width:50%;
 height:100%;
 }

.unten .rechts {
 background-color: #FFFFFF;
 float:right
 height:100%;
 }

/*ELEMENTS*/

#logo {
 position:relative;
 float:right;
 padding-top:220px;
 padding-right:10px;
 }