html - How to prevent img:hover rounding/wobbling? (Firefox only) -

I saw a standard: hovering over images, which are displayed with an uncommitted width value, a little animation when mouseover Is effective because I think this is due to some pixels rotating, but why is the image shown differently?

Please see my test case

Note that if the first two pictures are corrected, then ok (because they use the width / height of the original image), but all Let others add right and bottom like 1 pixel. It does not seem to be what type of hover effect is applied (background-color will proceed with the same problem, for example).

In this way, to open the GIMP and adjust the images, the target width / height is manually, or is there an html / css for this event?

Edit: This is a Firefox-only bug (using 13.0.1) Posted in the link, Box-Shadow: # 000 0em 0em 0em; Adds to an image element and suggests a quick fix. See a fixed / running version.

(It was initially fixed once, but again - after FF 10 emerged ).

My sage advice? Keep browser-size at minimum.