所有的CSS樣式規則從一個div元素剝離，但沒有其他元素

我試圖創建其中顯示在圖像網站標題的網站的標題。我將其設置爲使用具有背景圖像的div類元素。但是，我無法弄清楚爲什麼我創建的div class元素中的背景圖像沒有顯示。所有的CSS樣式規則從一個div元素剝離，但沒有其他元素

檢查後我發現，與DIV class元素相關的CSS樣式規則正在被剝離的元素，當我使之（在Firefox和Chrome，沒試過IE）。

我有CSS的安裝程序是這樣的：

.text-over-image { 
    width: 960px; 
    height: 100px; 
    background-image: url("http://www.lupenet.org/wp-content/themes/Lupenet/images/header.jpg"); 
    margin-left: auto ; 
    margin-right: auto ; 
} 

h8 { 
    position: absolute; 
    top: 20px; 
    left: 400px; 
    width: 960px; 
} 

h8 span { 
    color: black; 
    font: bold 24px/45px Helvetica, Sans-Serif; 
    letter-spacing: -1px; 
    padding: 10px; 
} 

h8 span.spacer1 { 
    padding:0 5px; 
}

和HTML看起來像這樣：

<div class="text-over-image;" > 
    <h8><span style="position:absolute;">La Unión Del Pueblo Entero<span class='spacer1'></span> 
    <br><span class='spacer1'></span>"Celebrando el Pasado y Viendo Hacia el Futuro"</span></h8> 
</div>

意識到有問題後，我設置的高度和元素的寬度屬性.text-over-image萬一div被渲染得太小而無法查看圖像，但背景圖像仍然沒有顯示。當我檢查使用Firebug的元素，我發現了div元素.text-over-image不顯示任何背景圖片的歸屬都沒有。實際上，所有CSS樣式規則都從該div元素中去除。

我甚至試着複製另一個網站的css和html，但是當我這樣做時，發生同樣的事情（樣式規則從div元素中被剝離）。但是，CSS樣式規則不會從其他元素中去除。

來源

2014-01-06 user3166493