title: Need copyright to stay on bottom
body: <p>Here is the html:</p>
  
  <pre><code>&lt;div id="terms" class="terms"&gt;
          &lt;center&gt;&lt;a href="terms.html"&gt;Terms &amp; Conditions&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code># terms {
  width: 100%;
  position: absolute;
  bottom: 0;
  
  }
  
  .terms {
  width: 100%;
  position: relative;
  bottom: 5px;
  }
  </code></pre>
  
  <p>WHAT AM I DOING WRONG? I have tried probably 50 different variations of html and css to get the terms to stay on the bottom of the page, but it is floating around in the center of the page. it will go from the top to the middle to the right and left but i cannot get it to float to the bottom of the page! the entire page is set up as two floating columns <code>.right</code> and <code>.left</code> </p>
  
  <p>PLEASE HELP!! thank you!</p>