IE中的精灵没有正确绘制

Question

在我的应用程序中，我在每个页面上都绘制了一些图标。出于性能原因，我将它们分组到一个文件中并绘制为CSS sprites。出于某种原因，IE会偶尔错误地绘制它们。如果你放大图像，它看起来像IE关闭了1个像素。

• 这只发生在IE中，不会发生在Chrome中。
• IE中的行为不一致。对于某些人来说，图标绘制正确。

以下是一些示例CSS：

.bannerIconLogout {
    height: 13px;
    width: 12px;
    margin-right: 2px;
    background-image: url("#{resource['images/common-images.png']}");
    background-position: 0px -13px;
    position: relative;
    top: 1px;   
}

有没有人见过这个？有办法解决它吗？