title: No fixed height header & content fills rest of page with auto vertical overflow
body: <p>I have a header on my page. Its content can wrap, so it is not fixed height. The rest of the page should be filled by the content container. When there is too much content in the container it should activate vertical scroll.
  I tried many possibilities but always stuck in dead end (position: absolute or display: table). Now I am back to the starting point :(</p>
  
  <p><a href="http://jsbin.com/ifehop/2/edit" rel="nofollow">Here is the starting point</a> of my work. The green container is my page. I use JqueryUI to make it re-sizable, but I am looking for a non JS solution.</p>
  
  <p>Thanks for your time &amp; hopefully your help.</p>