css - 展示：盒子；我有一个问题

Question

我display: box;有财产问题。（我知道它已被弃用，但 flexbox 目前几乎不能在任何浏览器中使用）。

当我重新调整浏览器的大小并且窗口宽度变得小于 4 个<li>项目的宽度时，它们不会相互层叠。如果我删除display:box;它应该正常工作的东西，但它没有居中。

有什么可以做的吗？还是盒子属性有问题？

直播：http: //jsfiddle.net/ALGNq/2/

编辑：我注意到这只是 Firefox。然而，在 Chrome 中，当浏览器太小时，框会“粘”在左侧。