:hover в CSS
 

Добрый день,

запутался с CSS. Вот, что имеем:

a { 
    background: url(../images/test.jpg) no-repeat scroll 0 0; 
} 

a:hover { 
     background: url(../images/test.jpg) no-repeat scroll -228px 0; 
}

Теперь, когда вызываем

$('a').css('background-position', '-500px 0');

то CSS забывает про существования стиля a:hover. Вопросы:
1. Почему?
2. Как можно установить a:hover в jQuery?

Пробовал

$('a:hover').css('background-position', '-228px 0')

, но не работает.. (и я не хотел бы использовать jQuery события типа hover())

Заранее спасибо

Потому что стиль в атрибуте style приоритетнее стиля, описанного в CSS.

Описать css-класс и менять у элементов className.

сделал все с помощью .hover()
Спасибо