title: CSS fixed repeated background problem
body: <p>I'm designing a site with a fixed repeated background but can't work out why it has one problem.</p>
  
  <p>If you load the site in a small window, then scroll right, the background doesn't carry on and the background colour show's instead.</p>
  
  <p>Any ideas?</p>
  
  <p>Site is: <a href="http://new.focalpix.co.uk/" rel="nofollow noreferrer">http://new.focalpix.co.uk/</a></p>
  
  <p>CSS for the background is:</p>
  
  <pre><code>body {
      background: url(http://media.focalpix.co.uk/img/gradbackground.png) repeat-x fixed;
  }
  </code></pre>