divの背景が重なっているブラウザのスクロールバーを修正しました

Question

以前は見たことのない非常に奇妙な動作です。

私は透明なpng背景イメージを持つ固定位置のdivを持っています。コンテンツがスクロールバーで固定画像上をスクロールできるように、Zインデックスは-1に設定されています。 （。とにかく、FFとSafariで）：

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

CSS私はそれが0PXで下と右に配置されているが、画像がスクロールバーに重なっ

はここのリンクです：私が使用し

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

一つハックは 右使用していた：16pxにします。

右のスクロールバーが常に（おそらく）存在するため、うまくいきました。しかし、下のスクロールはときどきしかありません。これは単純なCSSの問題ですか？

Answer 1

これは奇妙な問題でした。しかし、スクロールバーはブラウザからではなく、代わりにoverflow: autoを持つ親divからであるとわかりました。

これは私がそれを修正した方法です。 div id="rightpanel"のスタイルを変更してoverflow: auto;を削除します。すべてのブラウザのための問題を修正する必要があり

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

うまくいけば、次のよう

その後#rightcontentスタイルを更新します。それ以外にも、私はブラウザがCufon.jsを見つけられなかったと不平を言っているのを発見しました。それを調べることもできます。