CSS无法在Chrome中正常显示

Question

我在Facebook上创建了一个iFrames页面选项卡，它在FF和IE中显示得很好，但在Chrome中搞乱了div的定位。该页面的链接是：http://allcdmania.com/silvernoise-facebook/recommended.html

奇怪的是，我遇到的唯一问题是在这个页面上。所有其他页面在所有浏览器中都显示得很好。

任何帮助都将不胜感激。

Answer 1

当你检查它显示的代码时，这很奇怪，我建议将你在body上的样式和html放在#container元素上。

你也可以尝试使用display：block;在你的HTML标签上

  #container {
    background-image: url("../images/silvernoise-bg-recommended.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 510px;
    height: 780px;
    font-family: lucida sans, candara, sans-serif;
    font-size: 100%;
    text-align: center;
    display:block;
}