Firefox和IE符合精确像素

Question

所以，我有这样的事情：

在320px支架内具有76x76px的4个对象。 在Chrome中，你可以看到上面，它工作得很好。 但是在Firefox和IE9中我得到了这样的东西：

具有相同大小的<ul>

如果我调整<li>

的大小，我只能正确显示它

为什么？图像大小实际为76x76，Chrome正确呈现。 提前谢谢！

--- --- EDIT

所以我正在为你们提供一个jsFiddle，我意识到简单的代码适用于所有浏览器。所以经过一些“删除所有代码，直到我发现问题”，我找到了它！哈哈 它是由这两个样式线组合应用于所有侧边栏引起的：

letter-spacing: 1.6px;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;

如果我只删除其中一个，它可以正常工作，两者的结合在哪里出问题。所以只需设置font-family: Arial;（我知道，奇怪的解决方案，对吗？）到<ul>就可以了！

谢谢大家。

Answer 1

所以我正在为你们提供一个jsFiddle，我意识到简单的代码适用于所有浏览器。所以经过一些“删除所有代码，直到我发现问题”，我找到了它！哈哈 它是由这两个样式线组合应用于所有侧边栏引起的：

letter-spacing: 1.6px;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;

如果我只删除其中一个，它可以正常工作，两者的结合在哪里出问题。所以只需设置font-family: Arial;（我知道，奇怪的解决方案，对吗？）到<ul>就可以了！

谢谢大家。