Fill vertical space between two divs?

[Recursion]

Yo.

So I have some example code below and was wondering if anyone could tell me how I would get the #content div to fill up all the vertical space between #header and #footer?

Many thanks :)



<div id="container">
<div id="header"></div>
<div id="content"></div>
<div id="footer"></div>
</div>


#container {
margin: 0px;
padding: 0px;
min-height: 100%;
width: 900px;
}

#header {
width: 900px;
height: 100px;#
top: 0px;
}

#content {
width: 100px;
}

#footer {
position: absolute;
bottom: 0px;
width: 900px;
height: 15px;
}