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

尝试在 #content 上将 position: relative; 更改为 position: absolute;:

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