Höhe eines verschachtelten DIVs soll 70% der Gesamthöhe haben

[ekiem]

Ich habe eine Seite mit einem umschließenden DIV(container), der ist auf 100% gesetzt. In dem DIV gibt des die DIVs header, content und navi. Ich möchte gerne das der div content eine Höhe von 70% hat,
bekomme das aber nicht hin. Die Höhenangabe des DIV content wird ignoriert.


html, body {
height:100%;
}

#container {
width: 70%;
max-width: 935px;
min-width: 400px;
margin: auto;
height: auto !important;
overflow: hidden !important;
min-height: 100%;
height:100%;
background-color:#33CC66;
}


/*header
*********************************/

#header {
}

#header-left {
display:inline-block;
width: 72%;
height: auto;
text-align:left;
margin-right:-5px;
padding-bottom: 12px;
font-family: RegencieLightAlt, Arial, Helvetica, sans-serif;
font-size: 0.8em;
color:#FFFFFF;
}


#header-right {
display:inline-block;
vertical-align:bottom;
width:28%;
padding-bottom:15px;
}

#header-right img {
width: 100%;
display:block;
}


/*content
*********************************/


#content {
height: 70%;
}


/* NAVI
*********************************/

#navi {
margin-top:32px;
text-align:center;
}