Joomla 1.5 Резиновый шаблон

Всем доброго дня! Столкнулась с такой проблемой. Пытаюсь изменить шаблон на резиновый. Прописала все в %. И вот возникла проблема. Header.jpeg не растягивается по ширине монитора, хотя выставлены и там %. Подскажите в чем проблема?
http://spektrat.tmweb.ru

div.art-Header
{
margin: 0 auto;
position: relative;
z-index:0;
width: 100%;
height: 150px;
}


div.art-Header-jpeg
{
position: relative;
z-index:0;
top: 0;
left: 0;
width: 100%;
height: 150px;
background-image: url('../images/Header.jpg');
background-repeat: no-repeat;
background-position: left;
}

 

Вместо background-repeat: no-repeat; написать - background-repeat: repeat-x;
Но фон будет только повторятся, не растягиваться.

 

Картинке ширину надо прямо в коде писать
<img src="Header.jpg" width="100%">

 

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

 

Из css фон уберите а в коде напишите так

<div class="art-Header-jpeg">
<img src="Header.jpg" width="100%">
</div>

 

Посмотрите сам, что получилось.. http://spektrat.tmweb.ru

 

div.art-Header-jpeg {
background-image: url("../images/Header.jpg");
background-position: left center;
background-repeat: no-repeat;
height: 150px;
left: 0;
position: relative;
top: 0;
width: 100%;
z-index: 0;

<img width="100%" src="/Header.jpg">

Путь к картинке не правильно прописан