我的网页位于一个960像素宽的DIV中，我使用以下代码将该DIV置于页面中间：

html,body{background: url(images/INF_pageBg.gif) center top repeat-y #777777;text-align:center;}
#container{background-color:#ffffff;width:960px;text-align:left;margin:0 auto 0 auto;}

我需要html / body的背景图像向下平铺页面的中间，但是，如果浏览器中的可见窗格是奇数个像素宽度，则居中的背景和居中的DIV不会对齐。

这仅在FF中发生。

有人知道解决方法吗？

解决方案

是的，这是已知问题。不幸的是，我们只能修复div和图像宽度，或者使用脚本来动态更改stye.backgroundPosition属性。另一个技巧是将表达式放入CSS类定义中。

(最)常见的问题是背景图片的数字为奇数，而容器的数字为偶数。
我已经用最好的英文写了一篇文章，内容也解释了浏览器如何定位图片：在此处查看。

我发现通过将背景图像的像素数设置为奇数个，Firefox的问题就消失了。

设置padding：0px 0px 0px 1px;解决了IE的问题。

卡洛·卡波卡萨(Televian Games)