Создание фона с двумя картинками

[black0wolf]

Надо переделать фон на сайте. Сайт на Joomla! 1.7.
В стиль уже добавил нужный мне фон:

PHP код:

PHP code:.background {position: absolute;width: 100%; background: url(../images/background.png) repeat-x #fff} 


- это фон всего сайта.
Но теперь надо еще добавить картинку внизу.
Для этого использую вот такой код:

PHP код:

PHP code:.background {position:relative; background:url('../images/background-img.png'); background-repeat:no-repeat; background-position: bottom right; background-size: auto;} 


- это фоновая картинка внизу сайта.
Но когда я добавляю этих два стиля то работает только один. Как сделать чтобы оба стиля работали?

Скриншоты:
1 - С первой строчкой стиля

2 - С двумя строчками стиля

[black0wolf]

Подскажите что делать!

[ZvEr_HaCkEr]

html{position: absolute;
width:100%;
background: url(../images/background.png) repeat-x #ffffff;
}

body.background{position:relative;
background:url('../images/background-img.png');
background-repeat:no-repeat;
background-position:bottom right;
background-size: auto;
}

[black0wolf]

Большое спасибо!