Как сделать картинку покупки товара динамичной? - [VM1] Дизайн, оформление

Всем Привет!

Недавно столкнулся с подобной проблемой. Необходимо что бы кнопка добавления в корзину была не статичной, а динамичной. Я использую VirtueMart версии 1.1.3

Поясняю:
Если пользователь не наводит указатель мыши на кнопку купить, то она одного цвета (загружается какое то изображение buy1.png) когда мы наводим мышку на кнопку купить, она меняется (загружается какое то изображение кнопки buy2.png)  Судя по всему нужно добавить какое-то событие в файл темы theme.css в этот код отвечающий за вызов картинки:

.addtocart_button, .notify_button {
   text-align:center;
   background-position:bottom left;
   width:70px;height:23px;
   cursor:pointer;
   border: none;
   font-weight:bold;
   font-family:Arial;
   vertical-align: middle;
   overflow:hidden;
}


.addtocart_button {
   background: url ( 'images/buy1.png' ) no-repeat  center transparent;
}

Помогите пожалуйста решить проблему!

.addtocart_button:hover
{
background: url (путь к картинки buy2) no-repeat;}
}

Этот метод не работает, и причем не работает только в FireFox, во всех остальных браузерах все отлично работает, есть ли еще варианты решения проблемы?

не может быть, дайте ссылку на сайт

Нашел решение этой проблемы))

Не работает свойство :hover в IE и FireFox, когда его присваиваешь другому объекту, кроме ссылки. Однако всегда есть решение, кроется оно в одном очень интересном хаке, кому интересно, то могу написать.

Напишите

Итак, суть данного вопроса коротко изложить я думаю удастся))

В статье по этой ссылке можно все доходчиво понять, она на русском, я все сделал как там изложено, и все стало на свои места.

http://w3wiki.ru/hover-v-internet-explorer-dlya-lyubogo-elementa/