Chrome中有溢出的多列

Question

我尝试在CSS3中使用多列。滚动时我的Chrome有问题。这些项目在第一列下消失。适用于IE11，但不适用于Chrome（并且Firefox破解内部无效，但目前并不重要）。

http://jsfiddle.net/PwzMh/3/查看我的例子

此部分不会消失

<li class="nomlocalisation">LOCALISATION</li>

但这已经消失了

<li class="tag">
    <div class="barre">
        <span class="metier">
            <span id="dateemb">1900-01-01</span>
            <span id="matnom">0002 LASTNAME FIRSTNAME</span>
        </span>
        <span id="elipse">&nbsp;</span>
    </div>
</li>

知道如何解决这个问题吗？

谢谢