title: Printing full page webpage with image at bottom of page
body: <p>I'm trying to print a full page (no margins) webpage with a picture at the bottom of the page. However the picture is not printed since the bottom is bellow the bottom of the page. What do I need to change for the picture to be printed? <a href="http://jsfiddle.net/tibnor/JDXm9/" rel="nofollow">Demo</a></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="page" id="container" style="position:absolute;top:0;left:0;overflow: hidden;width:210mm;height:297mm;"&gt;
  &lt;div style="position: absolute; top: 130mm; left: 50mm;"&gt;
   &lt;img src="http://upload.wikimedia.org/wikipedia/commons/b/bf/Bucephala-albeola-010.jpg" style="width: 100mm; height: 100mm;"&gt;&lt;/img&gt;
  &lt;/div&gt;
  &lt;div style="position: absolute; top: 230mm; left: 50mm;"&gt;
   &lt;img src="http://upload.wikimedia.org/wikipedia/commons/b/bf/Bucephala-albeola-010.jpg" style="width: 100mm; height: 100mm;"/&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>body {
      margin: 0;
      padding: 0;
  }
  
  .page {
      width: 21cm;
      min-height: 29.7cm;
  }
  </code></pre>