CSS-出现在DIV之外的内容

我的网页有点问题。一张图片可能描述得最好,所以这里是:

http://a.imageshack.us/img837/8223/skjermbilde20100902kl18.png

底部的文本应该在白色区域内。我希望白色的DIV根据内容改变高度。我有一个分区,中间是白色区域:

#mainContainer {
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  width: 800px;
  min-height: 700px;
  height: 100%;
}

我还将html和body设置为100%。但问题是,无论有多少内容,DIV都保持在100%。当我把高度设为 auto :

http://a.imageshack.us/img837/8295/skjermbilde20100902kl18y.png

这就是它应该看起来的样子(使用高度:100%看它是什么样子):

http://a.imageshack.us/img837/7112/skjermbilde20100902kl18b.png

The full page can be found here (点击“om oss”查看文本错误的页面)

如果有人能找出问题所在,我会非常感激的!-)
(希望CSS和HTML易于理解)

编辑: 我只是注意到它在Safari中呈现得很好,但在Firefox中却没有。