Short version If you already have jQuery included, fixing 1px background centering error in Firefox is easy – just detect Firefox and change background’s horizontal position to 49.99% while leaving 50% in all other browsers
Although i’ts nice to blame every coding problem on IE, Firefox has its share of bugs too. One of those is 1px background centering offset. It goes like this: when you try to match centered body background with the background of your centered div, you get 1px offset whenever the browser window pixel width is odd. For even width, background centers ok.
There is no way around it in css (some tutorials say that you just need to add 100% height to the body, but that doesn’t work) but there is a simple solution using jQuery (or any other library which lets you change the css property of an element). Agreed, including jQuery just to fix this is an overkill, but chances are, you already use it for something else in your page. Read the whole thing
