title: Fix div at the bottom. (Without using javascript)
body: <p>To try to explain my problem, I did the following code:</p>
  
  <p><a href="http://jsfiddle.net/Ridermansb/REYZ6/" rel="nofollow">http://jsfiddle.net/Ridermansb/REYZ6/</a></p>
  
  <p>The question is.</p>
  
  <p>The div "Footer" <strong>should always be glued to the bottom of the screen</strong> (bottom: 0).<br>
  <strong>BUT</strong> if the div "content" grow to the point of creating a scroll bar, the div "footer" should be just below the div "content"  </p>
  
  <p>One should never overlap each other!</p>
  
  <p>As you can see in the example, if the screen is too small the "#footer" will override "#content". This can not happen!</p>
  
  <p>Thanks!</p>
  
  <p>​</p>