css - Firefox 13.0.1 css 定位问题

Question

我以前从未遇到过这种事情。除了 Firefox（使用 13.0.1）之外，每个浏览器都能完美呈现包括 IE7 和 8 在内的一切。

在 Firefox 中，所有中心内容似乎都向上移动，页眉和页脚放置正确。此外，底部 UPC 图像似乎以缩放版本和复制的未缩放版本显示。

如果有人知道为什么 Firefox 会改变一切而不是其他一个经过测试的浏览器的原因。我习惯在 IE 中遇到问题，但在 Firefox 中没有。

html 位于 mpact-media.com/index_new.html

谢谢大家的时间和考虑。

我在下面包含了屏幕截图。好的，所以我没有包括它们，因为不允许新用户发布图像。因此，该页面在 Safari、Chrome、Opera、IE7、IE8 和 IE9 中正确显示。

火狐截图

Safari/Chrome 屏幕截图

歌剧截图

IE8 截图

Answer 1

尝试更改position: relative;为position: absolute;on #content：

#content {
    display: table-cell;
    left: 0;
    position: absolute;
    text-align: left;
    top: 170px;
    vertical-align: top;
    width: 896px;
}