[CSS21] "background-position: top center" and "margin: 0 auto"

Hi,

I have a design with one centered column, so it uses "margin: 0 auto".
Now I want when the page is shorter than browser's window, the column to
continue with specific background. So I added the following, with the
idea that the background image will continue the column:

body {
  background: <color> url(<image-url>) repeat-y top center;
}

The problem is that it works as intended only in Opera 9. Firefox 2.0
RC1 and IE 6 both move the background image to right with one pixel
which is ugly.

My wish is that it's somewhat specified in CSS 2.1 that "margin: 0 auto"
and "background-position: top center" align exactly the same.

Regards,
ogi

Received on Sunday, 24 September 2006 06:59:42 UTC