title: CSS 100% height columns, but with page still scrollable
body: <p>I have a traditional 3-column layout: nav, content and sidebar. </p>
  
  <p>The content and sidebar both have a background-color that needs to cover 100% of the visible height at all times, regardless of how much content is in it. In other words, the background should remain there when scrolling down, or resizing the page.</p>
  
  <p>Please see this jsfiddle for reference: <a href="http://jsfiddle.net/thv20/acJVw/1/" rel="nofollow">http://jsfiddle.net/thv20/acJVw/1/</a></p>
  
  <p>The problem is that when you scroll down or resize, the background cuts off. How can I fix this? I've seen suggestions of using <code>min-height: 100%</code>, but I can't get that to work.</p>