title: 4 Column layout stops at 100%
body: <p>I asked a question about a 4 Column fluid layout earlier today (view here: <a href="https://stackoverflow.com/questions/11307317/4-column-position-absolute-layout">4 Column Position absolute layout</a>).</p>
  
  <p>I thought it was perfect until the content started going below the screen height (when scrollbars appear) View here to see what i mean: <a href="http://jsfiddle.net/AdeTd/1/" rel="nofollow noreferrer">http://jsfiddle.net/AdeTd/1/</a></p>
  
  <p>Any fix to this? Thought maybe <code>max-height: 100%</code> on the <code>html</code> &amp; <code>body</code> may work but no luck there...</p>