Duplicado deesta pregunt.

Tengo un sitio existente jacquelinewhite.co.uk), en él hay un pie de página. Actualmente este pie de página siempre se encuentra debajo del contenido principal. Estoy tratando de hacer que flote en la parte inferior de la ventana del navegador, o si el contenido es más grande que la ventana, permanezca en la parte inferior del contenido.

Efectivamente el HTML está estructurado así:

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

He intentado la posición absoluta, inferior 0, que coloca el pie de página en la parte inferior de la ventana, pero si el contenido de la ventana es más grande, el pie de página cubre el contenido.

¿Cómo debo solucionar esto?