Размер фона в одном из div'ов шаблона Joomla_greenapplev2 - Joomla 1.5, Шаблоны: Как сделать ...

Доброго времени суток всем!
Помогите, пожалуйста, чайнику разобраться с переделкой шаблона.
Из-за полного отсутствия опыта в HTML-CSS-PHP (2 книжки по PHP прочёл, теперь пытаюсь поучиться практике), не могу понять, некоторых неочевидных моментов.
Я недавно скачал понравившийся мне шаблон Joomla_greenapplev2 (по-моему, скачал отсюда: http://www.joomla-only.ru/component/content/article/371.html) и теперь хочу его адаптировать под себя. Только для этого мне необходимо изменить размеры графических объектов (886px сузить до 808px). Графические файлы с нужными мне размерами уже сделал, внёс соответствующие изменения в таблицы стилей (простой заменой везде по тексту 886 на 808) - разместилось всё как-надо. Только в оригинале шаблона применяется ещё и промежуточный фон (полупрозрачная прокладка между фоном html-страницы и её текстовым наполнением) - так вот эта самая прокладка и является камнем преткновения: фактическая ширина её картинки Page-BgGlare.png - 601px, а на страницу она выводится вровень по ширине с заголовочной картинкой Header.png (886px). Выходит, что простой заменой 601 на 808 - сужения достичь не удасться, поскольку 601 и так меньше 808. Значит, где-то есть неочевидная команда, растягивающая эту картинку до 886px. Не могу никак найти, в какой строчке какого файла такая "уравниловка/растяжение" задаётся - из за этого никак не получается сузить эту прокладку до необходимых в мне 808px. А может эта полупрозрачная прокладка задаётся вовсе не через Page-BgGlare.png, а через другой файл? Но другие картинки этого шаблона имеют ещё меньший размер...
Подскажите, пожалуйста, куда смотреть.

В FireBug. Посмотри, почитай, поставь. Отвечает на многие подобные вопросы. Время зря не потратишь, все равно понадобится.

To Lex:
Спасибо за совет. Хоть вопрос мой это сразу же не снимает - но существенно облегчает обучение, спасибо. Уже поюзал немного - преинтереснейшая и полезная вещица!

Доброго времени суток!
Снова столкнулся с непонятной проблемой - и FireBug уже не помогает, ибо он показывает всё правильно, а в браузере видится всё несколько иначе.
Суть проблемы в том, что после смены шаблона сайта его заголовочная jpg-картинка стала масштабироваться несколько иначе, чем в предыдущем шаблоне. Понял, что надо подправить CSS. Подправил - удалось выставить нужный мне размер соответствующего div'а. Выглядит в браузере - всё, как надо. Но рано обрадовался. Обнаружилось, что при попытке уменьшения масштаба страницы (обычно, Ctrl+Grey-) сам div уменьшается в несколько меньшей степени, чем заполняющая его jpg-картинка, и из-за этого эта картинка дополняется слева своим же фрагментом. А в предыдущем шаблоне - всё масштабировалось пропорционально.
Подсмотрел в предыдущем шаблоне css-форматирование аналогичного div'а с картинкой и увидел, что там указано а в текущем шаблоне - стоит Тогда я снова подправил соответствующий фрагмент css-файла вот таким образом:
Никакой реакции, всё как прежде - масштабируется с дополнением слева. Тогда попробовал ещё 3-ю строчку поменять на     - вот на это реакция последовала-таки: дополнение начало наползать с обеих сторон, что вроде бы логично для такой команды. А как всё-таки заставить картинку масштабироваться пропорционально с её div'ом? Ведь по сравнению с предыдущим шаблоном осталось лишь одно отличие - в предыдущем было указано    - но для текущего шаблона это не применимо: пробовал, - тогда картинка вообще не отображается
Подскажите, какая ещё css-команда может согласовать масштабирование контейнера и его картинки без её дополнений справа или слева?

Проблема решена. Может, кому понадобится: http://web-silver.ru/forum/html-css-javascript/15910-kak-rastyanut-kartinku-po-gorizontali-i-vertikali-2.html#post136593
и далее по тексту топика.