Как сделать повторение черного цвета после дополнительного футера?

Взял с оф.сайта xenforo дополнительный футер на свой сайт, как выглядит мне нравится:


Но когда переходишь на страницу где мало контента например на forum/help/ получается вот такое разделение:


Как после этого сделать бесконечное повторение черного цвета, чтобы автоматически появлялся на таких маленьких по высоте страницах?

Код:

.footerXfSite
{
    background: url('styles/default/xenforo/gradients/bg-footer.png') repeat-x bottom;
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 11px;
    overflow: hidden;
}

 

Примените ваш фон с травой к #headerMover и footer (как к элементу).
А на html поставьте чёрный фон.

 

Спасибо. В шаблоне Extra.css добавил следующее:

Код:

#headerMover, .footer, .footerLegal, .footerXfSite {background: url('styles/default/xenforo/bg.gif') repeat top;}

Выше это кода:

Код:

.footerXfSite
{
    background: url('styles/default/xenforo/gradients/bg-footer.png') repeat-x bottom;
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 11px;
    overflow: hidden;
}

Но трава не хочет появляется на .footerXfSite, я так понял, что два background'а нельзя привязывать к одному классу!? Создать другой внутри .footerXfSite (попробовал - этот вариант не подходит, опять же не все захватывает) ?

А в настройках стиля эту всю задумку с задним фоном сделать не получится?

 

Попробуй траву на body, а на html черный цвет.

 

Спасибо получилось, но первый вариант тоже оказывается работает просто не дописал, надо было вот так:

Код:

#headerMover, .footer, .footerLegal, footer  {background: url('styles/default/webnoob/bg.gif') repeat top;}