title: HTML5/CSS - div stretching greater than body 100%
body: <p>I am trying to lay out a web application and running into problems with divs stretching outside of body and html. </p>
  
  <p><a href="http://jsfiddle.net/dex3703/Pftpu/" rel="nofollow">http://jsfiddle.net/dex3703/Pftpu/</a></p>
  
  <p>The pink inner div extends outside of its container when set to 100% height. Why is this and how do I fix it?</p>