Background center with chrome (bug)

Question

I have a background image centered that Chrome displays offset by one pixel.

CSS

#container { 
    background: url(\"images/header.jpg\"         


        

Answer 1

Is the image actually 986px? The easiest way I found to fix it is to make sure the width of the image is an even number.

Another thing you could do is add a 2px buffer (to keep the width an even number) in the background image to account for that shift. It shouldn't shift your image as viewed in the browser as long as you add a px to each side to keep it all even.