title: My footer does not keep at bottom and it leaves a blank space behind
body: <p>My footer always float within table list, Please see my page here:</p>
  
  <p><a href="http://jsfiddle.net/5YBmH/" rel="nofollow">jsfiddle</a></p>
  
  <pre><code>#footer {
  clear: both;
  margin: 0 auto;
  height: 20px;
  background-color: #666600;
  padding: 20px;
  </code></pre>
  
  <p>}</p>
  
  <p>I tried to put position:fixed &amp; bottom:0 in #footer but it does not help. I want to make the footer stay exact where it is with no blank. Any ideas?</p>