砌体不能正常工作

Question

我正在开发一个Wordpress项目，其中包含一个包含3列的词汇表页面。我正在尝试使用Masonry让所有条目很好地融合在一起，这几乎可以工作，但并不完全。

以下是相关网页：http://ratherbrilliant.com/staging/starstruck/category/glossary/browse-A/

这是一个常见的Wordpress设置，意味着有许多文章嵌套在容器div中。

<div id="glossary-content">
  <article class="post">article content</article>
  <article class="post">article content</article>
  <article>article content</article>
</div>

文章是百分比宽度和浮动：

    body.category-glossary article {
    width: 26%;
    padding: 0 3% 0 4%;
    text-align: justify;
    margin-bottom: 25px;
    float: left;
}

我只使用默认的Masonry设置，不过我已经尝试了各种选项来让它工作。

$('body.category-glossary #glossary-content').masonry({
    itemSelector : '.post', 
});

它几乎正常工作，但是如果向下滚动，你会看到第一个条目和它下面的条目之间存在巨大差距。我根本无法让这个工作。任何帮助将不胜感激。

谢谢！