画像を回転させると、クロス ブラウザの CSS3 の奇妙な動作が発生します。このページhttp://www.coral.co.uk/sports-betting-50では、一番下の 1-2-3 円の画像の上に光沢のあるリングがあり、ホバーすると CSS を操作する jquery によって回転します。
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
リングは IE と Firefox では完全に中央に配置されますが、Chrome では回転が 1 ～ 2 ピクセルずれて見えます。画像を確認しました。png として中央に配置された完全な円と強打です。
これがChromeで異なる動作をする理由はありますか?
どうぞよろしくお願いいたします。