Нужна подсказка в настройке шапки шаблона - Joomla 1.5: Шаблоны, разметка и макеты вывода

Помогите с таким вопросом .... на моем сайте http://www.specmontag.com.ua/ в шапкe вставил картинку Logo.png (1476*99px)
Но когда меняешь масштаб страницы часть картинки уходит за пределы шаблона ..... у каждого человека разное разрешение монитора...
и хотелось чтобы картинка автоматически меняла свою ширину... пробывал редактировать template.css и index.php шаблона не могу все таки сделать
Ссылка на CSS
http://www.specmontag.com.ua/templates/siteground-j15-1/css/template.css

Вот часть из файла index.php
div id="header">
   <div id="header_r">
       <div id="logo"><img src="templates/siteground-j15-1/images/logo.png"></div>               
   </div>
</div>

Попробуйте вот к этому (строка 148 файла template.css)

#whitebox {
margin:0;
width:auto;}

дописать ещё вот что

min-width:1150px;

То есть в итоге получится

#whitebox {
margin:0;
min-width:1150px;
width:auto;}

 Этим Вы ограничите минимальную ширину центрального блока (исходя из Вашей картинки), однако по моему 1150 это много.

Все сделал как Вами было указано .... но не получилось ... поменял разрешение экрана ...а часть картинки вылезла 

Попробуйте сделать вот так:

#whitebox {
margin:0;
min-width:1150px;
}

То есть убрать width:auto;

Частично помогает ...но окно сайта также увеличивается... хочется чтобы оно изначально и было фиксированным ..... а логотип изменялся прод разное разрешение ...
Может и сам логотип (разрешение) уменьшить ....а то и вправду великоват 

Пока я добавил пункт не мин. а макс.
mах-width:1150px;
позже сделаю разрешение картинки меньшим где то на 900 px
большое спасиб ankoch

Частично помогает ...но окно сайта также увеличивается...

Естественно оно будет минимум 1150 px, как мы с Вами и задали.

а логотип изменялся прод разное разрешение ...

Такого я не знаю, однако можно перерезать логотип пополам и разместить оба куска по разным сторонам шапки сайта.

Может и сам логотип (разрешение) уменьшить ....а то и вправду великоват

мне кажется это разумно.

Пока я добавил пункт не мин. а макс.
mах-width:1150px;

Ну в этом случае Ваш рисунок точно будет уезжать за пределы шапки.

позже сделаю разрешение картинки меньшим где то на 900 px

А после этого можно будет указать и min-width:1000px; mах-width:1200px; одновременно (примерные цифры, а окончательно нужно смотреть на самом сайте).

А вообще в дальнейшем поможет вот этот раздел. Лично я сейчас читаю "CSS - каскадные таблицы стилей. Подробное руководство. 3-е издание"