title: Firefox adding page breaks before large div block when printing
body: <p>I have a bit of logic in one of my Rails views that states if the <code>table</code> I'm about to print is over 7 rows, create a <code>div</code> around the <code>table</code> with a <code>min-height</code> style to make sure the footer below this <code>table</code> goes to the end of the page 2, rather than page 1.</p>
  
  <p>I've tested this logic in many browsers including: Chrome, Safari and IE (!) and they all work as expected. Firefox, however, is adding a pesky page-break right before the <code>div</code> and <code>table</code>. I have tried avoiding this page-break by adding this CSS style in the <code>div</code> and also in the <code>table</code>: <code>page-break-before: avoid;</code> as well as this newer Firefox style: <code>break-before: avoid;</code>, but it doesn't seem to affect this page-break during printing. Any other ideas? Does Firefox automagically add a page-break before large divs when printing? </p>
  
  <pre><code>&lt;div style='min-height: 1150px;'&gt;
      &lt;table&gt;
       blah blah table stuff...
      &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>