html - 次の構造を考慮して、フッターをページの下部にドッキングしたままにする方法は?

Question

HTML:

<div id="header">
<div class="container"></div>
</div>

<div id="content">
<div class="container"></div>
</div>

<div id="footer">
<div class="container"></div>
</div>

CSS:

.container {
margin: 0 auto;
overflow: hidden;
width: 960px;
}

ページの高さに関係なく、フッターがページの下部に残るように (永続的ではなく)、フッターをページの下部に残したい。

現在の構造でそれを達成する方法は？