我在我的网站上有一个关于背景大小的小问题:封面我一直在Firefox中测试它,但是当我在谷歌浏览器中加载页面时,我在左侧获得1px白色.当我使用background-position:-1px时,剩下的白边会消失(但我会向右移动).有没有办法解决这个问题,仍然保留封面?
我将它应用于我的身体:背景:url("images/baggrund.jpg")无重复中心固定; 背景大小:封面
我目前无法链接到该网站,但希望我说得足够清楚.
提前致谢
编辑:添加了截图,顶部来自firefox,底部来自Chrome.

我有一个居中的背景图片,Chrome显示偏移一个像素.
CSS
#container {
background: url("images/header.jpg") no-repeat scroll 50% transparent;
width: 100%
}
#header {
width: 986px;
margin: 100px auto 0 auto;
}
Run Code Online (Sandbox Code Playgroud)
HTML
<html>
<body>
<div id="container">
<div id="header">centered content</div>
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
我想这与不同的浏览器如何处理CSS中的center-or 50%属性有关background:

是否有一个已知的(简单)黑客或替代方法来解决这个问题?背景容器必须是100%宽.