Colunas CSS desequilibradas no Chrome

Quero exibir alguns grupos de listas do Bootstrap dinamicamente em várias colunas usandoColunas CSS, mas estou tendo alguns problemas de espaçamento estranho no Chrome. Firefox funciona perfeitamente. Parece exatamente o problemaesse cara tinha, mas ele nunca obteve uma resposta, possivelmente porque não deu um bom exemplo. Então, vou dar um bom exemplo.

CSS (carregado após o Bootstrap):

.columns {
  -webkit-column-width: 200px;
     -moz-column-width: 200px;
          column-width: 200px;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  width: 600px;
}

.list-group {
  display: inline-block;
  width:  100%;      
}

HTML:

<div class="columns">
  <ul class="list-group">
    <li class="list-group-item">Cras justo odio</li>
    <li class="list-group-item">Dapibus ac facilisis in</li>
    <li class="list-group-item">Morbi leo risus</li>
  </ul>
  <ul class="list-group">
    <li class="list-group-item">Porta ac consectetur ac</li>
    <li class="list-group-item">Vestibulum at eros</li>
  </ul>
  <ul class="list-group">
    <li class="list-group-item">Cras justo odio</li>
    <li class="list-group-item">Dapibus ac facilisis in</li>
    <li class="list-group-item">Morbi leo risus</li>
  </ul>
  <ul class="list-group">
    <li class="list-group-item">Porta ac consectetur ac</li>
    <li class="list-group-item">Vestibulum at eros</li>
  </ul>
  <ul class="list-group">
    <li class="list-group-item">Cras justo odio</li>
    <li class="list-group-item">Dapibus ac facilisis in</li>
    <li class="list-group-item">Morbi leo risus</li>
  </ul>
  <ul class="list-group">
    <li class="list-group-item">Porta ac consectetur ac</li>
    <li class="list-group-item">Vestibulum at eros</li>
  </ul>
</div>

Aqui está no Bootply. Tudo está bem no Firefox: os três primeiros grupos da lista ficam na primeira coluna, os três próximos na segunda. Mas no Chrome, os quatro primeiros vão para a primeira coluna, deixando a segunda coluna muito curta com apenas 2. Como posso equilibrar?

(Também observei outro problema descrito ema mesma pergunta que eu liguei acima onde às vezes o Chrome criará uma grande margem sob as colunas, mas deixarei isso para uma pergunta em separado mais tarde.)

questionAnswers(1)

yourAnswerToTheQuestion