отличие в анимации на разных браузерах
 

Добрый день!
вот код http://jsfiddle.net/XEygL/

Писала код в мозиле, - и все работает так как я и хотела.
а в опере сюрприз, почему то там анимация не такая плавная, блоки прыгают....:blink:
Можете подсказать, почему так происходит? что я делаю не так?

самый простой вариант это указать ширину для блока <span>, равную максимальной ширине <a> - http://jsfiddle.net/XEygL/4/
Но вас не смущает, что в вашем примере в Опере, уголки <span> вылезают за границы <a>?

Посмотрела ваш пример - не вижу отличий, блок с <a> все так же прыгает :(

да на счет того что в опере уголки <span> вылезают за границы <a> можете что нибудь подсказать? я так поняла, что опера не скрывает ту область что попадает в border-radius.
vj;tn tcnm htitybt lfyyjq ghj,ktvs&

Всё, понял) У меня на компьютере прыгала только плашка <span>, на ноуте шевелится само изображение. Самое тривиальное решение сделать у <a> бэкраунд без позиционирования. Сейчас занят по работе, возможно позже выложу другой вариант.

Вот как-то так - http://jsfiddle.net/XEygL/70/
Вылезание в опере поправил с помощью :after
Дрожит сейчас только <span>, это можно сделать практически не заметным, увеличив или уменьшив передаваемый функции delay.
В ИЕ ниже 9 будет скорее всего трясти и бэкграунд.

П.С. А вообще это дрожание, баг функции в jquery на сколько я понял. Которое возникает при наведении на края элемента и у элементов с позиционированием типа text-align: center; Но в этом не уверен.