Fazer um rodapé CSS na parte inferior da janela do navegador ou na parte inferior do conteúdo

Duplicado deessa questã.

Eu tenho um site existente jacquelinewhite.co.uk), nele existe um rodapé. Atualmente, esse rodapé fica sempre abaixo do conteúdo principal. Estou tentando fazê-lo flutuar na parte inferior da janela do navegador ou, se o conteúdo for maior que a janela, fique na parte inferior do conteúd

Efetivamente, o HTML está estruturado da seguinte maneira:

<div id="container">
  <div id="top_bar">
  </div>
<div id="header">
</div>
<div id="left_menu">
</div>
<div id="right_content">
</div>
<div class="clear">
</div>
<!-- FOOTER AREA -->
<div id="footer">
</div>
<!-- END FOOTER AREA -->
</div>

Tentei a posição absoluta, na parte inferior 0, que coloca o rodapé na parte inferior da janela, mas se o conteúdo da janela for maior, o rodapé cobrirá o conteúd

Como devo corrigir isso?

questionAnswers(3)

yourAnswerToTheQuestion