css列在底部添加额外的空间

Question

我有css列生效（在wp中）。我在内容下面有额外的空间。额外空格的高度与已移到第2列的段落的高度相匹配，就好像浏览器认为段落不在第2列中一样。这会创建一个不需要的滚动条。这是愚蠢的，但我无法弄清楚。救命？

body.single article.post .entry-content {
 border-top: 1px solid #666;
 padding-top: 20px;
 -moz-columns: 2 400px; /* Firefox */
 -moz-column-gap: 3em;
 -moz-column-rule: 1px solid #666;
 -moz-column-fill: balance;
 -webkit-columns: 2 400px; /* Chrome, Safari, Opera */
 -webkit-column-gap: 3em;
 -webkit-column-rule: 1px solid #666;
 columns: 2 400px;
 column-gap: 3em;
 column-rule: 1px solid #666;
 column-fill: balance;
 overflow-y: hidden;
 text-align: justify;
 width: 100%;
 font-size: .9em;
 text-indent: 2em;
}

Demo page