显示：盒子;我有一个问题

Question

display: box;属性存在问题。 （我知道它已被弃用，但目前在任何浏览器中都不能使用flexbox。）

当我重新调整浏览器大小并且窗口宽度小于4 <li>项的宽度时，它们不会在彼此之下级联。如果我删除display:box;内容它应该正常工作，但它不会居中。

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

住： http://jsfiddle.net/ALGNq/2/

编辑：我注意到这只是firefox。然而，在Chrome中，盒子里面贴着“＃”;当浏览器太小时，在左侧。