title: website not centered in firefox/chrome
body: <p>i am having a problem with my website on Widescreens on Firefox/Chrome. It's not centred for some reason, margin: 0 auto; is not working either. The website looks fine on normal screens or even wide screens with lower res but on 1900x1200 the content is not centered for some reason. However the website looks fine on IE 9 at 1900x1200. 
  Here is the code:</p>
  
  <p>jsfiddle.net/hXskH/</p>
  
  <p>Any clues?</p>