title: HTML 5 Footer tag be always at bottom
body: <p>I am developing a site in HTML 5. I wrap all my footer content in footer tag. Like code below </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  
  &lt;html&gt;
  &lt;head&gt;&lt;/head&gt;
  &lt;body&gt;
  &lt;header&gt;
  &lt;h1&gt;Talking Dogs&lt;/h1&gt;
  &lt;b&gt;&lt;p&gt;Humans aren't the only talkers!&lt;/p&gt;&lt;/b&gt;
  &lt;/header&gt;
  &lt;article&gt;
  &lt;p&gt;Ever encountered a talking dog? I have.&lt;/p&gt;
  &lt;p&gt;It all happened one day as I was walking down the street...&lt;/p&gt;
  &lt;/article&gt;
  &lt;footer&gt;
  © 2009 Woofer Dog Corporation
  &lt;/footer&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>However above code is not the actual site code as i can not share. Can someone please suggest me the best way to do this in HTML 5 so that it work on all major browsers like IE-6,7,8 / Firefox/ Safari / Crome / Opera</p>