与基础4平分空间导航 - 在Firefox中破碎

Question

我正在使用Foundation 4的内置导航组件，我正在使用table / table-cell css技巧来均匀地分隔水平元素并对其进行样式化。但是我用Firefox搞定了。以下示例完全按照我想要的方式在除Firefox之外的每个浏览器中工作，我不能为我的生活弄明白。

我已将示例上传到我的服务器：See Live Example Here

这是Safari中的示例：

在Firefox中也是如此：

你能给我的任何帮助我真的很感激！

谢谢！

Answer 1

在这些css中进行更改以在Firefox中修复它我只在firefox中测试

*, *:before, *:after {
-moz-box-sizing: border-box;
vertical-align: middle;

}

.top-bar .dropdown {
background: none no-repeat scroll 0 0 #8D8C8C;
text-align: center;
width: 17.2%;

}

.top-bar-section .dropdown li {
height: auto;
width: 100%;

}

.top-bar-section ul {
display: inline;
height: auto !important;
width: 100%;

}

.top-bar-section .dropdown {
left: 0;
top: auto;

}