Исправлен фон div, перекрывающий полосы прокрутки браузера

Очень странное поведение, которого я раньше не видел.

У меня есть блок 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?

9
задан Adam Casey 26 January 2011 в 18:28
поделиться