带有颜色过渡的悬停文字偏移1px

Question

在此网页上，将鼠标悬停在每个帖子的右侧时，颜色过渡时，图标将向左偏移1px。 但是，这仅发生在Chrome（也许是Safari）中，而不发生在Firefox中。

这是错误吗？ 我的代码有问题吗？

图标本身来自字体FontAwesome。
当我尝试在jsfiddle中重新创建页面的此部分时，未发生错误。

这是我看到的：

Answer 1

我确实在Chrome中看到了这个问题，但在Firefox中却没有看到。 通过对您的CSS规则之一进行较小的调整，我得以解决此问题：

.post-ratings-rating {
    ...
    font-family: FontAwesome;
    font-size: 1.5em;
    width: 30px;
    ...
}

如果使用像素将width更改为绝对值，则图标不会移动。 相对单位是问题的根源。 为什么？ 我怀疑从em到px的浏览器在浏览器上的运算方式会有所不同。