Hallo erstmal an alle!

also als ich gerade eine Seite für einen Kunden fertig gemacht habe bin ich auf ein problem gestoßen:

Wenn bei Mozilla Firefox die Scrollbalken zu sehen sind verschiebt sich der mittig zentrierte Background um einen Pixel. Ohne Scrollbalken alles super…

Also nochmal zum Verständniss:

Ausgangslage ein Wrap der mit margin: 0 auto; zentriert wird, ein Hintergrundbild das mit background-position: center; zentriert wird. Ohne Scrollbalken alles klar, mit sind diese Unterschiedlich verschoben.

Hier die Lösung (leider ein Javascript):

html {
	margin-left: -1px;
	overflow-Y: scroll;
}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
	head~body *{ margin-left: -1px;}
}