How to prevent img:hover rounding/wobbling?
===

I noticed that a standard :hover on images, which are displayed with an unoriginal width value, will lead to a slight wobbling animation when the mouseover takes effect. I assume this is due to some pixel rounding taking place, but why is the image displayed different when hovered?

Please refer to my test case on http://jsfiddle.net/z29LM/2/

Notice that the first two images are fine when hovered (because they use the original image width/height), but all the others seem to add like 1 pixel to the right and the bottom. It does not seem to matter which kind of hover effect is applied (background-color will lead to the same problem, for example).

So the workaround seems to be to open up Gimp and adjust the images to the target width/height manually, or is there a html/css fix for this phenomenon?