title: CSS column-count elements jumping across columns
body: <p>I'm trying to get a dynamic amount of elements to show across 5 elements using CSS3 <code>column-count</code>, but when I expand the list item heights on hover, it occasionally causes jumping (an element going to the next column).</p>
  
  <p>You can see the behavior <a href="http://jsfiddle.net/for3v3rforgott3n/Yk2du/2/" rel="nofollow">here</a> </p>
  
  <p>I'm assuming it's because <code>column-count</code> uses the height to calculate which item goes where or something...how can we have it work as intended?</p>
  
  <p>If I try to increase the height of <code>&lt;ol&gt;</code>, they become 4 columns or even 3 columns because the elements fill up the first column, then start the 2nd column, and so on.</p>