Тройной фон на ксене

Добрый день.
У меня возникла проблем с использованием тройного фона на ксене. Раньше я делал это так:

Код:

.verh {
    background: url(../styles/xenblack/xenforo/mainfon.jpg) no-repeat top center;
    overflow:hidden;
}
.sered {
    background: url(../styles/xenblack/xenforo/bgsered.jpg) repeat-y center;
    overflow:hidden;
}
.niz {
    background: url(../styles/xenblack/xenforo/bgimage_niz.jpg) no-repeat center bottom;
    overflow:hidden;
}

Но я совсем не долго работаю в XF и не знаю куда надо поместить divы с классами и собственно сам код CSS. Возможно есть другой способ. Подскажите пожалуйста как это реализовать?

Заранее спасибо.

 

Html {background-image: url(), url(), url();
background-position: top center, center, center;
background-repeat: no-repeat, repeat-y, no-repeat;}
Про IE можно забыть.

 

Ну, без IE не вариант. Не уже ли нельзя добавить куда-то свои div'ы и классы CSS?

 

Один на html, другой на body. Если нужна поддержка IE тогда коверкайте вёрстку (ещё один контейнер после body).

 

Расскажите про контейнеры. Ибо все эти теги <xen> и пр для меня дики.

 

А зачем, если можно добавить всего один контейнер и поставить задний фон для него и для body и html. Для двух последних это вообще можно сделать в настройках стиля, ну а для контейнера уже как ты предложил - в extra.css.

P.S. Под контейнером я имел ввиду обычный div

 

Спасибо, все получилось. Осталась только маленькая заковыка. Я не могу перекрасить ссылку условия и правила в нижнем правом углу.

 

#legal li a {color: ;}
Или более красивый вариант, но без поддержки старых IE:
#legal > a {color: ;}

 

Спасибо. Все сделал.