Картинки при разных разрешении экрана - Joomla 2.5: Общие вопросы

Добрый вечер всем! Подскажите пожалуйста что делать у меня на главной странице  http://ellatsarik.ru/index.html  есть изображения которые при наведение меняют цвет и они при разных разрешении экрана меняют позицию подскажите кто знает. Заранее спасибо!

Помогите пожалуйста!

Это потому что у вас задано
position: absolute;

Эх, на это больно смотреть.
Писал ведь идеальный код.
А щас..Доктайп из html5 перешел в XHTML, и при этом мы всетаки хотим пляшущие атрибуты типа onMoUSeOvEr, притом что для XHTML это недопустимо. И еще мы хотим не закрывать тег <br> что опять же в xml-режиме недопустимо.
Я чет логики не пойму. У меня стоял доктайп HTML и при этом код был совместим с XML. Теперь же стоит доктайп XHTML и при этом он перековеркан так что уже не совместим с XML по указанным причинам.

И что за </div><div> когда был открыт только один див?
а что значит  name="logo" border="0" ? у тега <img нет атрибута name. и вообще он используется только для элементов формы. А border=0 зачем? я же подключил reset.css, он сбрасывает все стили сам по себе.
И что это за  onMouseOut="MM_swapImgRestore()" onMouseOver=бла бла бла. Че за сопли? Яж показал как делать через CSS смену картинок. И если уж хочется чтоб остался тег img, то почему не дайть айди ссылке, и не навесить обработчик события, как это сделано для ссылок меню, и будет работать без всяких муму.
А что за CSS в index.html? его разве в style.css нельзя положить?
И что это за ужасная заплесневевшая кодировка - вынь-1251? чем юникод то не угодил?
И еще - счетчик метрики ну никак не вписывается в интерьер. Если его только обесцветить и правильно расположить...
Вот такие мысли короче...