title: CSS column count and transition - weird jump on Chrome
body: <p>I'm using CSS column count property to achieve 2 columns. When I have a button with hover animation - the first column button works fine but the 2nd column button give a weird jump on hover.</p>
  
  <p>For container I'm using</p>
  
  <pre><code>column-count: 2;
  </code></pre>
  
  <p>for button its</p>
  
  <pre><code>transition: all ease-in .2s;
  transform: translateX(0);
  </code></pre>
  
  <p>and button hover its</p>
  
  <pre><code>transform: translateX(10px);
  </code></pre>
  
  <p>I've made a little fiddle for demonstration. Its not working only in Chrome - weirdly.
  <a href="http://jsfiddle.net/jp6vt97g/2/" rel="nofollow">http://jsfiddle.net/jp6vt97g/2/</a></p>
  
  <p>Any Idea guys?</p>