title: CSS columns breaking when printing
body: <pre><code>.class {    -webkit-column-count: 4;
      -webkit-column-gap: 0.25in;
      -webkit-column-rule-width : 1px;
      -webkit-column-rule-style : solid;
      -webkit-column-rule-color : #eee;
  }
  </code></pre>
  
  <p>So it works perfectly in Safari, but when printing, the 4 columns turn into a single column spanning multiple pages. Any ideas?</p>