title: Why is my multi-column spacing not working in Chrome?
body: <p>My CSS columns are displaying differently in Chrome from how they're displaying in Firefox and IE9. This is the correct display in Firefox:</p>
  
  <p><img src="https://i.stack.imgur.com/yTyDF.png" alt="Columns in Firefox"></p>
  
  <p>Here's how it displays incorrectly in Chrome:</p>
  
  <p><img src="https://i.stack.imgur.com/K8qGi.png" alt="Columns in Chrome"></p>
  
  <p>I've tried changing the <code>li</code> to <code>display: inline-block</code>, which is an improvement of sorts in Chrome, but then the narrower list items appear in the same "cell".</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>h3, h4 {
      font-weight: bold;
      padding: 0.5em 0;
  }
  .results {
      margin-top: 1em;
      box-shadow: 0 0 20px #99AABB;
      background-color: white;
      border: 3px solid #CCCCCC;
      margin-left: 2.7em;
      padding: 0 1em;
      position: absolute;
      right: 2.5em;
      text-align: left;
      z-index: 10;
  }
  .results ul {
      -moz-column-count: 6;
      -moz-column-gap: 1em;
      -webkit-column-count: 6;
      -webkit-column-gap: 1em;
      column-count: 6;
      column-gap: 1em;
  }
  .results ul.articles {
      -moz-column-count: 3;
      -moz-column-gap: 1em;
      -webkit-column-count: 3;
      -webkit-column-gap: 1em;
      column-count: 3;
      column-gap: 1em;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="results"&gt;
      &lt;h3&gt;Search Results&lt;/h3&gt;
      &lt;div&gt;
          &lt;h4&gt;Players&lt;/h4&gt;
          &lt;ul class="plain"&gt;
              &lt;li&gt;Barry Bannan&lt;/li&gt;
              &lt;li&gt;Gareth Barry&lt;/li&gt;
              &lt;li&gt;Leon Barnett&lt;/li&gt;
              &lt;li&gt;Kyle Bartley&lt;/li&gt;
              &lt;li&gt;Barry Ferguson&lt;/li&gt;
              &lt;li&gt;Ashley Barnes&lt;/li&gt;
              &lt;li&gt;Marvin Bartley&lt;/li&gt;
              &lt;li&gt;Shaun Barker&lt;/li&gt;
              &lt;li&gt;Arran Lee-Barrett&lt;/li&gt;
              &lt;li&gt;Tyrone Barnett&lt;/li&gt;
              &lt;li&gt;Ross Barkley&lt;/li&gt;
              &lt;li&gt;Ronald Zubar&lt;/li&gt;
              &lt;li&gt;Barry Douglas&lt;/li&gt;
              &lt;li&gt;Patrick Barrett&lt;/li&gt;
              &lt;li&gt;Darren Barr&lt;/li&gt;
              &lt;li&gt;Ross Barbour&lt;/li&gt;
              &lt;li&gt;David Barron&lt;/li&gt;
              &lt;li&gt;Marc Bartra&lt;/li&gt;
              &lt;li&gt;Beñat Etxebarria&lt;/li&gt;
              &lt;li&gt;Wakaso Mubarak&lt;/li&gt;
              &lt;li&gt;Abdel Barrada&lt;/li&gt;
              &lt;li&gt;José Barkero&lt;/li&gt;
              &lt;li&gt;Antonio Barragán&lt;/li&gt;
              &lt;li&gt;Javier Baraja&lt;/li&gt;
              &lt;li&gt;Sambou Yatabaré&lt;/li&gt;
              &lt;li&gt;Cédric Barbosa&lt;/li&gt;
              &lt;li&gt;Iheb Mbarki&lt;/li&gt;
              &lt;li&gt;Barel Mouko&lt;/li&gt;
              &lt;li&gt;Maxime Barthelme&lt;/li&gt;
              &lt;li&gt;Joey Barton&lt;/li&gt;
              &lt;li&gt;Christopher Glombard&lt;/li&gt;
              &lt;li&gt;Filippo Lombardi&lt;/li&gt;
              &lt;li&gt;Víctor Ibarbo&lt;/li&gt;
              &lt;li&gt;Pablo Barrientos&lt;/li&gt;
              &lt;li&gt;Andrea Barzagli&lt;/li&gt;
              &lt;li&gt;Édgar Barreto&lt;/li&gt;
              &lt;li&gt;Willyan Barbosa&lt;/li&gt;
              &lt;li&gt;Barreto&lt;/li&gt;
              &lt;li&gt;Tranquillo Barnetta&lt;/li&gt;
              &lt;li&gt;Philipp Bargfrede&lt;/li&gt;
              &lt;li&gt;Anass Achahbar&lt;/li&gt;
              &lt;li&gt;Bart Schenkeveld&lt;/li&gt;
              &lt;li&gt;Bart van Hintum&lt;/li&gt;
              &lt;li&gt;Richard Barroilhet&lt;/li&gt;
              &lt;li&gt;Bart Biemans&lt;/li&gt;
              &lt;li&gt;Renato Ibarra&lt;/li&gt;
              &lt;li&gt;Barry Maguire&lt;/li&gt;
              &lt;li&gt;Nicklas Bärkroth&lt;/li&gt;
              &lt;li&gt;Modou Barrow&lt;/li&gt;
              &lt;li&gt;Hélder Barbosa&lt;/li&gt;
              &lt;li&gt;Tó Barbosa&lt;/li&gt;
              &lt;li&gt;Diego Barcellos&lt;/li&gt;
              &lt;li&gt;Jean Barrientos&lt;/li&gt;
              &lt;li&gt;Phil Bardsley&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
      &lt;div&gt;
          &lt;h4&gt;Clubs&lt;/h4&gt;
          &lt;ul class="plain"&gt;
              &lt;li&gt;Barnsley&lt;/li&gt;
              &lt;li&gt;Barcelona&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
      &lt;div&gt;
          &lt;h4&gt;Articles&lt;/h4&gt;
          &lt;ul class="plain articles"&gt;
              &lt;li&gt;Rodgers has faith in youngsters&lt;/li&gt;
              &lt;li&gt;Arsenal secure win in Barcelona&lt;/li&gt;
              &lt;li&gt;Terry punishment a farce - Barton&lt;/li&gt;
              &lt;li&gt;Barton says reputation 'unfair'&lt;/li&gt;
              &lt;li&gt;Minnows BATE upset Bayern Munich&lt;/li&gt;
              &lt;li&gt;Puyol ruled out of 'El Clasico'&lt;/li&gt;
              &lt;li&gt;Hill outraged by penalty decision&lt;/li&gt;
              &lt;li&gt;Swindon hit by transfer embargo&lt;/li&gt;
              &lt;li&gt;VIDEO: Suarez behaviour embarrassing - Pulis&lt;/li&gt;
              &lt;li&gt;Barcelona v Celtic&lt;/li&gt;
              &lt;li&gt;Celtic can beat Barca, says Miku&lt;/li&gt;
              &lt;li&gt;Barcelona wary of Celtic threat&lt;/li&gt;
              &lt;li&gt;Ledley set for his 'biggest game'&lt;/li&gt;
              &lt;li&gt;VIDEO: Ferguson to 'deal' with Ferdinand&lt;/li&gt;
              &lt;li&gt;Celtic must be bold in Barcelona&lt;/li&gt;
              &lt;li&gt;Black footballers' group possible&lt;/li&gt;
              &lt;li&gt;AUDIO: Lennon proud of 'magnificent' Celtic&lt;/li&gt;
              &lt;li&gt;Barnsley complete Rooney signing&lt;/li&gt;
              &lt;li&gt;Celtic shine despite Barca blow&lt;/li&gt;
              &lt;li&gt;Lennon blast at critic Schuster&lt;/li&gt;
              &lt;li&gt;AUDIO: I am not God, insists Di Canio&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I've <a href="http://jsfiddle.net/B5f7n/" rel="nofollow noreferrer">made a JSFiddle</a> to demonstrate the problem.</p>