title: Auto width div background + vertical scroll
body: <p>Picture a site with a banner of varying height at the top of a page,</p>
  
  <p>Below that, <code>div#wrapper-inside</code> inside <code>div#wrapper</code><br/>
  <code>#wrapper-inside</code> is of fixed width and centered<br/>
  <code>#wrapper</code> has a big background-image</p>
  
  <p>Now. When the browser viewport width is smaller than our <code>#wrapper-inside</code>, we get a nice horizontal scrollbar, and when we scroll to the left, you'll notice that <code>#wrapper</code>'s width stays the same as the browser viewport width.</p>
  
  <p>The problem is that <code>#wrapper</code> scrolls along and the background-image gets cut off.</p>
  
  <p>Can this be fixed with css alone, if not, jQuery?</p>