Фильтр CSS на дисплее Retina: нечеткие изображения

Когда вы применяете -webkit-filter и -webkit-transition к Image и меняете фильтр при наведении, переход изображения происходит хорошо, но затем изображение становится действительно размытым.

Примечание: Это происходит только наRetina-дисплеи - нет проблем с «обычными» ppi-дисплеями, но нечетко, например, на новом MacBook Pro с Retina Display.

Мой CSS (без вендорных префиксов):

img {filter:grayscale(1);filter:saturate(0%);transition:2s ease;width:200px;height:200px}
img:hover {filter:grayscale(0)}​

Примечание: чтобы увидеть эффект / ошибку, я установил длительность перехода на 2 секунды

Проверьте мою демонстрацию:http://jsfiddle.net/dya2t/7/

Как я могу это исправить?

РЕДАКТИРОВАТЬ: Если я установлю: hover-state для фильтра: нет его резкого! :-) НО, конечно, переход больше не работает: - / Как только на изображении появляется фильтр (даже если значение равно 0 или 0%), изображение становится размытым на дисплеях сетчатки (с переходами или без них…) это просто размыто, все время). Я предполагаю, что это Filter-Bug.

Это известная ошибка в WebKithttps://bugs.webkit.org/show_bug.cgi?id=93471