css3使用transform: scale 元素出现偏移

今天居然发现一个很神奇的问题，用css3使用transform: scale作为放大效果时居然出现了里面的元素偏移。

看见了吗？li元素的宽高设置为123px的时候，鼠标移上去里面的图标偏右移动了，这样的效果是非常差的，经过一番研究说是元素的宽高不能是奇数，要改成偶数。

修改后的css：

把123px改成124px，会发现图标没用偏移了，卧槽，太坑爹了。