title: Help with footer always to bottom
body: <p>I know this has been discussed here many times, but none of the answers I found here, seem to address my problem.</p>
  
  <p>I have this variable (in height) layout, and wnat the footer to always stick to the bottom.</p>
  
  <p>I have used the min-height: 100%; to the container div, and got it somehow to always be in the bottom. trouble is, it's sinking too low to the bottom.</p>
  
  <p>I've put an example here:</p>
  
  <p><a href="http://jsbin.com/erono3" rel="nofollow">http://jsbin.com/erono3</a></p>
  
  <p>As you can see, my footer is at the bottom, but will go too far in the bottom, and even though there's space on the page to display it, it's creating a scroll bar.</p>
  
  <p>Also, I'd like the main container to to be shown as big as the content is (i.e. closing the square), but right now, it looks like the container is going all the way to the bottom, and my footer is covering it.</p>
  
  <p>What am I doing wrong there?</p>
  
  <p>Thanks in advance</p>