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;
}