在除Firefox以外的所有瀏覽器中損壞的背景

Question

我有一個gwt項目，其中有一個面板，我在其中添加了一個名爲「dock」的樣式名稱。當我在Firefox中打開我的應用程序時，一切都很好，但在Chrome，Safari和IE中，背景不完整。這是我的CSS代碼：

.dock { 
background: #e3e8f3 url(img/hborder.png) repeat-x 0px -1000px; 
padding: 4px 4px 4px 8px; 
width: 100%; 
margin: 0; 
position: relative; 
} 

這是它的外觀在Firefox（它應該是這樣的）Screenshot

，這是它的外觀在其他瀏覽器，如Chrome瀏覽器：Screenshot

任何想法如何糾正這一點？ 在此先感謝。

[編輯：]

這是由GWT生成的HTML代碼：

 

<table cellspacing="0" cellpadding="0" class="dock" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;"> 
    <tbody> 
     <tr> 
      <td align="left" style="vertical-align: top;"> 
       <button type="button" class="gwt-Button gwt-Button-helpButton" title="Zoek hulp"></button> 
      </td> 
      <td align="left" style="vertical-align: top;"> 
       <button type="button" class="gwt-Button gwt-Button-browseButton" title="Blader door de database."></button> 
      </td> 
      <td align="left" style="vertical-align: top;"> 
       <button type="button" class="gwt-Button gwt-Button-statButton" title="Laat populaire boeken zien"></button> 
      </td> 
      <td align="left" style="vertical-align: top;"> 
       <button type="button" class="gwt-Button gwt-Button-search" title="Zoek een boek"></button> 
      </td> 
      <td align="left" style="vertical-align: top;"> 
       <input type="text" class="gwt-TextBox gwt-TextBox-searchQuery"> 
      </td> 
     </tr> 
    </tbody> 
</table> 


 

我與螢火面板還得到了這CSS標記注意到（在GWT編譯時該標記被自動添加）。

element.style { 
bottom: 0; 
left: 0; 
position: absolute; 
right: 0; 
top: 0; 
} 

Answer 1

嘗試加入一個固定的高度，以您的.dock，這是相同的背景圖像高度，即

.dock { height: 100px } 

Answer 2

加上引號的網址：

background: #e3e8f3 url("img/hborder.png") repeat-x 0px -1000px; 

我最後一次檢查，這是正確的格式。

編輯：啊，你的問題似乎是表沒有迴應一些奇怪的原因。嘗試這個。

background: url("img/hborder.png") repeat-x 0px -1000px; 
background-color: #e3e8f3;