title: Non-Sticky Footer CSS Help?
body: <p>I want my footer to stick to the bottom of the page, so I used a </p>
  
  <pre><code>position: absolute;
  bottom: 0px;
  </code></pre>
  
  <p>that brings it to the bottom, however when you re-size your window and it is small, the footer is overlapping everything else on the page.</p>
  
  <p>How do you keep it at the bottom and then if the page is too small, just don't show the footer (not let it overlap other content)</p>