Html Pinterest布局风格在Firefox中不起作用？

我试图在Css桌面上使用这个示例中的代码，以获得Pinterest样式的布局。该代码在Google Chrom中运行良好，但在mozilla Firefox中不起作用。它显示为一列。我应该在代码中更改什么才能使其工作？ Css代码

---

从以下内容更改css：

#columns {
    -moz-column-count: 3;
    -moz-column-fill: auto;
    -moz-column-gap: 10px;
}

为此：

#columns {
    -moz-column-count: 3;
    -moz-column-gap: 10px;
}

---

删除仅用于Firefox的列填充的“自动”属性更改css：

#columns {
    -moz-column-count: 3;
    -moz-column-fill: auto;
    -moz-column-gap: 10px;
}

为此：

#columns {
    -moz-column-count: 3;
    -moz-column-gap: 10px;
}

删除仅适用于Firefox的列填充的自动属性