title: Firefox Issues with CSS scale and rotation
body: <p>I have a golf score card generator.  Structurally the page has a div of class .printarea wrapping a 1072px wide table.</p>
  
  <p>I have gradually been getting it so printing presents a single page in landscape orientation in all major browsers.</p>
  
  <p>In Firefox if rotation and scale are specified on BODY then scale fails to work. So I moved the rotation to the DIV containing everything else.  This achieved rotation but offset the table so that some cropping occurs on the right side (bottom of table) and top (right side of table).</p>
  
  <p>I attempted to correct this with margins and with absolute positioning but this resulted in small disjointed pieces of the table shunted to a second page.  Reducing scale even to tiny proportions never resolves the second page placement.</p>
  
  <p>Playing with origin settings I eventually get to <code>position:absolute; -moz-transform-origin: 400px 900px;</code>  This loses part of the top of the table (left side of page) and displaces the last two rows despite the fact that the foot of the table (right side of page) is easily 3 inches from edge of paper.  Scaling down even to tiny proportions does not correct the displacement.</p>
  
  <p>Here's a static copy of one card:  <a href="http://egolfplan.com/example.html" rel="nofollow noreferrer">http://egolfplan.com/example.html</a></p>
  
  <p>At end of post I will add screenshots of PDFs from printing. </p>
  
  <p>Current CSS</p>
  
  <pre><code>&lt;style type="text/css" media="print"&gt;
      BODY {
          width:100%;
          height:100%;
          -webkit-transform: rotate(-90deg) scale(.68,.68); 
          -moz-transform:scale(.48,.48);
           zoom: 60%;
      }
      .printarea {
          width:100%;
          height:100%;
          -moz-transform:rotate(-90deg);
      }
      @page {margin: 0;}
  
   &lt;/style&gt;
  </code></pre>
  
  <p>This is scaled to 68%</p>
  
  <p><img src="https://i.stack.imgur.com/0KL6X.jpg" alt="enter image description here"></p>
  
  <p>Scaled to 48%</p>
  
  <p><img src="https://i.stack.imgur.com/zo2TW.jpg" alt="enter image description here"></p>
  
  <p>-moz-transform-origin: 400px 900px;</p>
  
  <p><img src="https://i.stack.imgur.com/fstBp.jpg" alt="enter image description here"></p>