Ciao a tutti, ho bisogno di inserire all'interno di due niv nidificati il selettore min-height in maniera tale da avere i div centrali che arrivano a toccare i div al di sotto (penso di essermi spiegato...)

Il codice è questo:

html
<div id="container">

<div id="header">
<h1><div id="logo"></h1></div>

</div>

<div id="wrapper">

<div id="content">


</div>

</div>

<div id="navigation">

</div>

<div id="extra">

</div>

<div id="footer">

</div>
</div>

CSS
div#container{

}
div#content p{
line-height:1.4
}

div#navigation{
background:#B9CAFF
}

div#extra{
background:#FF8539
}

div#wrapper{
float:left;
width:100%;
margin-left:-50%;
height : auto !important;
height : 500px;
min-height: 500px;
overflow : hidden;
padding-top: 0;
padding-left: 10px;
padding-right: 0;
padding-bottom: 0
}

div#content{
margin-left:50%;
height : auto !important;
height : 100%;
min-height: 100%;
padding-top: 10px;
border-top: 0;
border-right: 2px #000000 solid;
border-bottom: 2px #000000 solid;
border-left: 5px #ff8336 solid
}

div#navigation{
float:right;
height : auto !important;
height : 80%;
min-height: 80%;
width:48.5%;
border-right: 2px #000000 solid;
border-bottom: 2px #000000 solid;
border-top: 0;
border-left: 0
}

div#extra{
float:right;
clear:right;
border: 2px #000000 solid;
width:48.5%
}

div#footer{
clear:both;
width:100%;
height : auto !important;
height : 100px;
min-height: 100px;
overflow : hidden
}

Mi interessa che i div content, navigation ed extra arrivino fino al div footer...
Esiste qualche metodo?
Grazie