title: scrollable div inside container
body: <p>I have the following HTML: <a href="http://jsfiddle.net/fMs67/">http://jsfiddle.net/fMs67/</a>. I'd like to make the div2 to respect the size of div1 and scroll the contents of div3.</p>
  
  <p>Is this possible?</p>
  
  <p>Thanks!</p>
  
  <p>UPDATE-1:</p>
  
  <p>This is the more advanced case that I oversimplified when I asked the question: <a href="http://jsfiddle.net/Wcgvt/">http://jsfiddle.net/Wcgvt/</a>. I need somehow that header+it's sibling div to not overflow the parent div's size.</p>