在Chrome中使用css过渡悬停时，图像会被调整

Question

我有一个图片链接。在悬停时，借助css过渡可以平滑地缩放图像。当图像开始/结束以进行缩放时，它会被抽搐。有没有人有一些建议如何消除这种抽搐？

在FF中一切正常。

<a href="#"><img src="image.jpg"></a>

a img {
    ...
    max-height: 100px;
    max-width: 100px;
    transition: all .2s;
}

a:hover img {
    max-height: 200px;
    max-width: 200px;
}

Sample in jsfiddle