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;
}