title: 100% Height columns
body: <p>I have created a responsive layout which you can find here:  <a href="http://pixelcakecreative.com/cimlife/responsive/" rel="nofollow">http://pixelcakecreative.com/cimlife/responsive/</a></p>
  
  <p>The left and right columns are simply placeholders for a site skin (left and right full page advertisement). I need both of these columns to extend to the very bottom of the page. Both <code>html</code> and <code>body</code> have a height of 100%, but for some reason I cannot get these columns to extend to the bottom with <code>min-height:100%</code></p>
  
  <p>Any ideas? I am looking for a pure css solution, but jquery is an option.</p>