title: 100% height div cutting off div inside
body: <p>I am developing a website which is 100% height and width. There is a panel stuck to the left and the main content area to the right, which is scrollable.</p>
  
  <p>However, in the content area the last div inside is getting cut off. I cannot see why. I have tested this on Firefox and Chrome, both are doing the same.</p>
  
  <p>Here's the link to see it:
  <em>removed</em></p>
  
  <p>As you can see, it is cut off, adding a large margin-bottom (50px +) seems to fix it, but that just looks bad.</p>
  
  <p>PS: Don't worry about the missing images, it's because I've only uploaded this page, not the entire website.</p>
  
  <p>Thanks in advance</p>