固定的div背景重疊瀏覽器滾動條

Question

非常奇怪的行爲，我以前沒有見過。

我有一個固定的位置div有一個透明PNG背景圖像。 z-index設置爲-1，以便內容可以使用滾動條在固定圖像上滾動。

我把它定位在0像素的底部和右側，但圖像重疊滾動條

這裏的鏈接（在FF和Safari，反正。）：

http://adamjcas.www59.a2hosting.com/pg/show/id/4

CSS：

#plants /*for the cut paper plants in the background*/ 
{ 
    background: transparent url(../background_images/plants.png) no-repeat;           
    bottom:0px; 
    right:0px; 
    z-index: -1; 
    position:fixed; 
    height:691px; 
    width:475px;   
} 

我用過的一個黑客就是用 right：16px;

哪些工作正常，因爲總是（可能）右滾動條。但底部滾動只是有時在那裏。這是一個簡單的CSS問題？

Answer 1

這是一個奇怪的問題。但我發現滾動條不是來自瀏覽器，而是來自具有overflow: auto的父div。

這是我如何解決這個問題。更改div id="rightpanel"的樣式以刪除overflow: auto;。

然後按以下步驟更新#rightcontent風格：

#rightcontent { 
    left: 445px; 
    padding-top: 127px; 
    position: relative; 
    width: 650px; 
} 

希望這應該解決這個問題的所有瀏覽器。除此之外，我還發現瀏覽器抱怨沒有找到Cufon.js。你也可以考慮一下。