title: Print footer at bottom of page in safari
body: <p>I am trying to position a div (footer) element at the bottom of a <strong>printed page</strong>. In firefox this is working fine and the div will sit along the bottom of the printed page.</p>
  
  <p>However, in Safari the footer moves up the <strong>printed page</strong> if the browser window is not very tall. eg. if the browser window is 200px tall then the footer sits on the print out about 200px down. If the browser is 400px tall it draws the footer 400px down the page.</p>
  
  <p>I would like to get the same behaviour in Safari as I can get in Firefox if possible?</p>
  
  <p>The basic code I am using for this is:</p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;Print footer at bottom of a printed page&lt;/title&gt;
          &lt;style type="text/css"&gt;
              * { margin:0; padding:0; }
              html, body { height: 100% !important; }
              #footer { height:25px; border-top:solid 1px #000;
                        position:absolute; bottom:0; }
          &lt;/style&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;p&gt;Some content on the page here&lt;/p&gt;
          &lt;div id="footer"&gt;This should appear at the very bottom of the printed page&lt;/div&gt;    
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Edit: I'm happy if the solution requires a hack...it only needs to work in Safari</p>