Fill vertical space between two divs?

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 :)

Code:

---

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

---

Code:

---

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

---