title: DIV height 100% for remaining space under another div
body: <p>So I have a header bar for a page I made with a height of <code>150px</code>. Under that area I want another DIV to fill the remaining space (width and height) all across the screen and to the bottom of the screen. I've tried setting <code>height: 100%</code> for the DIV, but that causes the screen to become scrollable and I only want it to fill the remainder of the page. NOTE: There is NO footer or anything under it.</p>
  
  <p>Using jQuery/Javascript is acceptable, but CSS-only is prefered (if possible). If using jQuery, please explain the proper way to have it implemented into the page (I'm assuming <code>$(function() {...});</code> under the <code>&lt;style&gt;</code> tag in the head.</p>
  
  <p>I've tried searching for a result before, but nothing seems to work correctly.</p>