Images With Opacity "jumping" On Hover In Firefox

I have an image which I've faded out using opacity css. The opacity of the image returns to 1 when hovered. However, in Firefox, it appears to 'jump' a little when hovered over. It

Solution 1:

Set

-moz-backface-visibility: hidden;

on the image.

Source: http://nickpye.com/2013/04/03/css3-opacity-transition-image-wiggle-bug-in-mozilla-firefox/. That article is talking about CSS transitions, but looks like it works without transitons, too.

http://jsfiddle.net/jngS8/6/