title: Print table footer at the very bottom on last page
body: <p>I am using a table to create a footer on every page (works in Firefox, that's enough).</p>
  
  <p>A JS Fiddle: <a href="https://jsfiddle.net/j9k2xzze/">https://jsfiddle.net/j9k2xzze/</a></p>
  
  <p>(right click on the output pane -> This Frame -> Open Frame in New Tab. Then Print Preview will function as normal)</p>
  
  <pre><code>&lt;table id="wrapper"&gt;
      &lt;thead&gt;
      &lt;tr&gt;
          &lt;td id="header"&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;/thead&gt;
  
      &lt;tfoot&gt;
      &lt;tr&gt;
          &lt;td colspan="0" id="footer"&gt;
              &lt;img src="footer.jpg"/&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;/tfoot&gt;
  
      &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td id="content"&gt;
              &lt;?php echo $html; ?&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>But on the very last page the table footer is displayed directly below the text. If the text is shorter than the last page, the footer sticks to it.</p>
  
  <p>I like the footer to be at the very bottom on the last page.
  Unfortunately the @page extension does not work in firefox or I am doing it wrong:</p>
  
  <pre><code>@page:last {
    #footer {
      position: absolute;
      bottom: 0;
    }
  }
  </code></pre>