title: How to make fixed header scroll X with content
body: <p>If you take a look at: <a href="http://www.bendemeerwoolshed.co.nz" rel="nofollow">http://www.bendemeerwoolshed.co.nz</a></p>
  
  <p>I have a fixed header. All fine there, however, if you reduce the width of the window (or look at it zoomed in on a mobile device) and need to scroll on the X axis, only the content scrolls. Is there a way to set position: fixed for just the Y axis?</p>
  
  <p>Here is the CSS for the header:</p>
  
  <pre><code>header#header { 
     position: fixed; 
     height: 188px; 
     background: #fff url(../images/headerbgstrip.png) bottom center no-repeat; 
     width: 100%;
  }
  </code></pre>