title: CSS Columns and printing
body: <p>In Mozilla, applying a css rule like</p>
  
  <pre><code>-moz-column-count: 2;
  </code></pre>
  
  <p>gets you 2 columns that are the full height of the page.  From what their <a href="https://developer.mozilla.org/en/CSS3_Columns" rel="noreferrer">MDC</a> suggests, this is called "Height Balancing".</p>
  
  <p>Webkit has something similar:</p>
  
  <pre><code>-webkit-column-count: 2;
  </code></pre>
  
  <p>I'm not completely sure if Webkit has "Height Balancing" or not (this may be the root of my problem, honestly).  In Webkit, this is displayed the same way on the page.  However, when you print the page with said columnar content, in Firefox, the printed pages end up looking like this:</p>
  
  <pre><code>A C
  B D
  ---
  E G
  F H
  </code></pre>
  
  <p>whereas Webkit displays like this:</p>
  
  <pre><code>A E
  B F
  ---
  C G
  D H
  </code></pre>
  
  <p>Is there a way to make Webkit print like Mozilla?</p>