Переход CSS3 для псевдоэлемента: after

Взгляните на эту скрипку: http://jsfiddle.net/sajYc/

Переход для псевдоэлемента : after работает в firefox, но не работает в webkit. браузеры. Есть идеи, появится ли это в будущем выпуске? Какие-либо обходные пути, отличные от jquery?

В основном, я использую его на странице для перехода между двумя состояниями спрайта фонового изображения (вместо двух цветов, как в скрипке). Плавный переход между нормальным состоянием значка и состоянием наведения. Поэтому я не хочу добавлять к нему кучу реальных элементов только для того, чтобы эта анимация работала.