title: Keep oversized background image centered
body: <p>I am building a single page site constructed of 4 divs, one on top of the other and each one with its own fixed background image. The images are much wider than the screen as I want to site to keep its look across a large range of screen sizes, however does anyone know how to truely center a background image. So in a small monitor they would be viewing the center of the image, and in a larger monitor they would see the same place of the image, just with more around it. Just like this site has</p>
  
  <p><a href="http://www.cantilever-chippy.co.uk/" rel="nofollow">http://www.cantilever-chippy.co.uk/</a></p>
  
  <p>When the window is resized the background image moves accordingly.</p>
  
  <p>Many Thanks.</p>