title: css footer not displaying at the bottom of the page
body: <p>this is my code for my footer, how can i make it display at the bottom of the page rather than right underneath my content above it?</p>
  
  <pre><code>/*footer */
  #footer .column {
      float: left;
      width: 25%;
  }
  
  #footer .column div {
      margin: 5px;
      height: 200px;
      background: #eeeeee;
  }
  
  &lt;div id="footer"&gt;
      &lt;div class="column"&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;
      &lt;div class="column"&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;
      &lt;div class="column"&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;
      &lt;div class="column"&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Note: This does NOT need to be a fixed footer</p>