background в шаблоне - Joomla 2.5: Шаблоны, разметка и макеты вывода

W3C результаты проверки CSS обнаружил 3 ошибки:


помогите исправить, шаблон в браузерах открывается нормально, кроме IE не загружается картинки фона, один белый фон
код:

body.bg{background: url(../../images/styles/style1/bg-header.png), url(../../images/styles/style1/bg-footer.png); background-repeat: repeat-x, repeat-x; background-position: top, bottom;}
a{color:#0b4784}
a:hover,a:active,a:focus{color:#000}
.mod-wrapper h3.header{border-top:4px solid #009ad9}

собственно необходимо чтобы в верхней и нижней части выводились фоновые картинки

url(../../images/styles/style1/bg-header.png), url(../../images/styles/style1/bg-footer.png)

неправильный урл. Скорее всего должно быть так: url(../images/styles/style1/bg-header.png)

background-position: top, bottom;
выберите или top или bottom - или вверху или внизу. Да? Второе значение left/right


да, и еще! не заметил сразу.. что это за 2 урла в одном классе? второй, естественно, переопределит первый.
и здесь дубли -  background-repeat: repeat-x, repeat-x;

тут идет вывод двух картинок одна вверху другая внизу собственно и значения для них "background-position: top, bottom;" или так делать нельзя?

нельзя.

бэкграунды нужно задавать отдельно для каждого блока.
например: для хедера определить класс .header{урл и пр...}, для футера - .footer{так же}, фон сайта body{....}

и, наверное, все-таки хорошо бы почитать основы...
например здесь http://stepbystep.htmlbook.ru/

это в моем случае так, я правильно вас понял

body.bg{background: #ffffff}
.header{background: url(../../images/styles/style1/bg-header.png) repeat-x top}
.footer{background: url(../../images/styles/style1/bg-footer.png) repeat-x bottom}

спасибо

да, примерно так

вы уверены, что у вас адрес url(../../images ........ или все-таки url(../images .......... ??

да, без вторых "../" - не выводи картинку

что-то не выводится нижняя картинка, не пойму что не так делаю

body.bg{background: url(../../images/styles/style1/bg-header.png) repeat-x top}
.bg2{background: url(../../images/styles/style1/bg-footer.png) repeat-x bottom}