title: Printable html is not breaking new page on Firefox
body: <p>I'm trying to create a html report, and I would like to print it. To do this, I'm using AngularPrint (<a href="https://github.com/samwiseduzer/angularPrint" rel="nofollow noreferrer">https://github.com/samwiseduzer/angularPrint</a>).</p>
  
  <p>My problem, is that on Firefox, the report is printing in unique page, but the content is overflowing to out of the page.</p>
  
  <p>If I test with Google Chrome, when the same report is creating a new page automatcly to avoid the overflow of the content.</p>
  
  <p>I tryed to use a native window.print, like it (but its happening the same thing):</p>
  
  <pre><code>$scope.printReport = function(myhtml) {
    var content = document.getElementById(myhtml).innerHTML;
    var original = document.body.innerHTML;        
    document.body.innerHTML = content;
    window.print();
    document.body.innerHTML = original;
  }
  </code></pre>
  
  <p>My html code using AngularPrint:</p>
  
  <pre><code>&lt;!-- printable area --&gt;
  &lt;div class="content" print-section&gt;
     ...
     ...
  &lt;/div&gt;
  </code></pre>
  
  <p>Button to print:</p>
  
  <pre><code>&lt;button class="btn btn-success" id="btnPrinReport" print-btn&gt; Print Data &lt;/button&gt;
  </code></pre>