Как менять фоновое изображение в зависимости отр разрешения экрана? - Joomla 2.5: Шаблоны, разметка и макеты вывода

Вот ссылка на сайт www.mdoau47.ru

В общем ситуация такая:
На широкоформатных мониторах - красота.
А вот на квадратных, с квадратным разрешением - внизу появляется белая полоса. т.е. картинка фона заканчивается и на весь экран не маштабируется.
Как это можно решить?

Смотрел ссылку, но не нашел нужной для себя информации.

Для меня было бы идеальным вариантом - Сделать два графических файла фона, один с разрешением под квадратный монитор, а второй под широкоформатный. И чтобы при открытии сайта вставлялась нужная картинка фона. Исходя из разрешения экрана.

@media screen and (max-width: максимальная_ширинаpx) and (min-width: минимальная_ширинаpx), print
#main {
background: url(images/фон.png) no-repeat #fff 0 0;
}

Таким образом вы можете прописать отдельные фоновые изображения для разных разрешений экрана.

Попробуйте в CSS шаблона вставить этот код:

body {
background:url(../путь к изображению) no-repeat center center fixed;
background-size:100% 100%;
}

Тогда у ТС"а будет background растягиваться на весь экран. А ему нужно под разные разрешения разные background"ы.

может как вариант использовать медиа запросы
более детально можно почитать тут http://www.w3.org/TR/css3-mediaqueries/ (внимание все на буржуйском)