为什么Google Chrome的元素放置不太精确？

Question

例如,如果我创建了四个绝对定位为50%宽度和50%高度的图像块,则Internet Explorer中的结果如下所示:
http://img716.imageshack.us/img716/8376/96774641.png
如预期的那样,图像紧挨着彼此放置.

但是Chrome中的相同代码产生了这样的结果:
http
://img560.imageshack.us/img560/7976/chrome.png图像缩小了一点,以便为它们之间的间距腾出空间.

我的风格包括:

border-style: none;
border-width: 0;
padding: 0;
margin: 0;

...那么为什么Chrome会将我的图像与其他图像区分开来,如何在不改变其他首先正确渲染的浏览器的显示的情况下修复它？

编辑: <link removed>
请注意,实际页面要复杂得多,超过1,000个<img>元素.
它将在任何非硬件加速的浏览器中缓慢加载.
我已经确认FireFox与IE8完全相同,图像旁边的图像应该是相同的.

Answer 1

这可能是一个舍入问题:例如,宽度50%可能最终结束223.5px.

当您使用固定大小的图像时,为什么不以像素为单位指定位置？