我有一个现有的网站(jacquelinewhite.co.uk),它有一个页脚.目前这个页脚总是坐在主要内容之下.我试图使其浮动到浏览器窗口的底部,或者如果内容大于窗口,请保留在内容的底部.

有效的HTML结构如下：

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

我已经尝试了绝对的位置,底部0,它将页脚放在窗口的底部,但如果窗口的内容较大,则页脚覆盖内容.

我应该如何解决这个问题？