title: Footer not sticking to bottom of the page
body: <p>i have this CSS</p>
  
  <pre><code>#footer {
      width:100%;
      padding:14px 0; 
      color:#eef1f6;
      border-top:4px solid #F36F25;
      bottom:0;
  }
  #footer-inner {
      width:80%;
      margin:0 auto 0 auto;
  }
  #footer span {
      color:#000000;
  }
  </code></pre>
  
  <p>and HTML:</p>
  
  <pre><code>&lt;div id="footer"&gt;
      &lt;div id="footer-inner"&gt;
          &lt;span&gt;&amp;copy; &lt;?php echo date("Y"); ?&gt; Integra Digital&lt;/span&gt;&lt;br&gt;&lt;br&gt;
          &lt;span&gt;Dragon Enterprise Centre, 28 Stephenson Road, Leigh-on-Sea, Essex, SS9 5LY&lt;/span&gt;&lt;br&gt;
          &lt;span&gt;sales@integradigital.co.uk | tel: 01702 66 77 27 or Freephone: 08000 66 22 01&lt;/span&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>i need the footer to stay at the bottom of the page - not stick so its fixed when scrolling, just at the bottom so its not right underneath the content.</p>
  
  <p>for example,</p>
  
  <pre><code>CONTENT
  
  GOES 
  
  HERE
  
  FOOTER
  </code></pre>
  
  <p>not that, i need this:</p>
  
  <pre><code>CONTENT
  
  GOES
  
  HERE
  
  
  
  
  
  FOOTER
  </code></pre>
  
  <p>hopefully im making sense?</p>
  
  <p>Thanks</p>