title: Break multi-column div
body: <p>I'm using CSS3 multi-column to get a print magazine look to my blog, but longer posts don't fit entirely on the screen and require awkward scrolling. Is there a way to break into, say, 500px high divs so that a reader can read one 3-column block of text before having to scroll?</p>
  
  <p>I tried using jQuery to insert a <code>column-span: all</code> span every 6 paragraphs, but that gives inconsistent height results.</p>
  
  <p>Any ideas?</p>
  
  <p>Here's an <a href="http://riggl.es/post/16847560083/the-real-cost-of-digital" rel="nofollow">example post</a> (warning: columns don't work in IE, sorry. that's another issue).</p>