旋转图像时出现一些奇怪的跨浏览器 CSS3 行为。在此页面http://www.coral.co.uk/sports-betting-50上，底部的 1-2-3 圆形图像上方有一个闪亮的环，当您将鼠标悬停在它们上方时，该环通过 jquery 操纵 CSS 进行旋转。
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
环在 IE 和 Firefox 中完美居中，但在 Chrome 中，旋转看起来偏离了 1-2 像素。我已经验证了图像，它是一个完美的圆圈，并且以 png 为中心。
任何想法为什么这在 Chrome 中表现不同？
您的帮助将不胜感激。