title: CSS3 columns layout on click issue
body: <p>I have this <a href="http://jsfiddle.net/5yjsjnjj/1/" rel="nofollow">fiddle</a> and it works fine, however when I click on any of the last li of each columns it seems like it pushes the paragraph down. I can't figure out why....</p>
  
  <pre><code>.columns-3 {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  -o-column-count: 3;
  column-count: 3;
  }
  
  .column-layout {
  list-style-type: none;
  margin: .9rem 0 0 0;
  }
  </code></pre>