firefox 3.6 / mac os中的网页布局问题

Question

此网页无法在firefox 3.6 / mac os中正确显示。

http://solcuisine.com/dev/?page_id=2

..以及它在firefox3.6 / mac中的外观：

firefoxmac.png位于同一域的dev /目录中（抱歉，此处不能发布多个链接）

http://solcuisine.com/dev/firefoxmac.png

css已经在w3.org中得到验证。在vista / xp，safari，chrome，ie8 / 7和opera中，firefox 3.6中的页面看起来还不错。无法弄清楚css中的具体问题是什么。

任何帮助都将不胜感激。

Answer 1

发现问题：

你需要关闭#content .page中的“overflow：auto”（style.css第295行）

现在看起来像这样：

#content .page {
    background:url("images/pagecontent-bg.png") repeat-x scroll center bottom #FFFFFF;
    overflow:auto; /*DELETE THIS LINE*/
    padding-bottom:50px;
}

然后你需要添加一个“明确的休息”。如果您还没有，请创建一个名为clear的样式：

 .clear { clear:both; }

然后在右列结束后插入清除中断。像这样：

<div class="right">
    ...your right columns is here...
</div>
<br class="clear" />

这将解决它。