title: HTML/CSS Scale div over full site when scrollbars appear
body: <p>I have the problem that a div is not scaling over the full page when the page is not fully seen, i.e. scroll bars appear at the bottom.</p>
  
  <p><em>Scales fine:</em></p>
  
  <p><img src="https://i.stack.imgur.com/lgmZV.png" alt="enter image description here"></p>
  
  <p><em>Does not scale fine when seen part is too small:</em></p>
  
  <p><img src="https://i.stack.imgur.com/uzB4v.png" alt="enter image description here"></p>
  
  <p><strong>How can this be fixed?</strong> Here's the fiddle: <a href="http://jsfiddle.net/gdztn/29/" rel="nofollow noreferrer">http://jsfiddle.net/gdztn/29/</a></p>
  
  <p><em>Clarification</em>: The inner div <em>must always</em> be 800 px wide while <em>the outter div</em> should scale over <strong>the whole</strong> width of the page. As you can see in the second image, the outter div does not reach the right end of the page when scrollbars appear.</p>
  
  <p>Thanks!</p>