title: Firefox print CSS - Extra blank page on A4 page
body: <p>I created a simple print CSS which generates an A4 page.</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;style media="print"&gt;
      * {margin:0;padding:0}
      @page {size: 297mm 210mm; margin:0mm;}
      html, body {width: 297mm; height: 210mm}
      html {background-color:red}
      body {background-color:green}
  &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;p&gt;TEST&lt;/p&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>With Firefox 38.0.1, in the <em>Print Preview</em> window, the body (green colored) has an extra height which triggers a second page <img src="https://i.stack.imgur.com/ftFAa.png" alt="firefox"></p>
  
  <p>If I print the file, 2 pages are printed, so it is not a problem related only to the print preview.</p>
  
  <p>I already removed all the margins from the <em>Page Setup</em> section and all the extra elements which Firefox adds (like title, url, date, ...)</p>
  
  <p>The same page on Chrome 43.0.2357.81 does not have any problem <img src="https://i.stack.imgur.com/LMiyy.png" alt="chrome"></p>
  
  <p>How can i solve that?</p>