title: Background disappears with scroll bar. Why?
body: <p>Here's what I have: 800px <code>width</code> div's inside a 100% <code>width</code> container with a background image repeating horizontally.</p>
  
  <p>Live: <a href="http://www.baskra.com" rel="nofollow noreferrer">http://www.baskra.com</a></p>
  
  <p>When I resize the browser window, a scroll bar is generated. When I scroll it, I see that the background image is only applied to the original unscrolled region, as seen above.</p>
  
  <p><img src="https://i.stack.imgur.com/6vfz2.jpg" alt="enter image description here"></p>
  
  <p>How can I solve this problem?</p>
  
  <p>JSFiddle: <a href="http://jsfiddle.net/wcdXK" rel="nofollow noreferrer">http://jsfiddle.net/wcdXK</a> (Not every image is working, but I believe the most important here is the CSS.)</p>