title: Footer stuck in middle of page
body: <p>I'm having Sticky footer issues with this site:</p>
  
  <p><a href="http://dev.epicwebdesign.ca/allshipsrise/events/" rel="nofollow noreferrer">http://dev.epicwebdesign.ca/allshipsrise/events/</a></p>
  
  <p>For some reason or another, The #page div is limiting itself to the header.</p>
  
  <p>I can't figure this out. All tags are closed, etc. The W3C Conformance checker only complains about "the acronym element is obsolete. Use the abbr element instead.". That is wordpress's doing.</p>
  
  <p>It's similar to <a href="https://stackoverflow.com/questions/9369688/footer-isnt-at-the-bottom-of-the-page">Footer isn&#39;t at the bottom of the page</a> However I have set clear:both on the footer.</p>
  
  <p>The footer is fine when the page is too tall. I need it on the bottom even when it's not.</p>
  
  <p>There were a couple underlying issues, mostly from trying to compensate for the real issue. (Not setting body height:100%) They're all sorted out now. </p>