为什么Firefox和Chrome / IE中的按钮元素的位置在嵌套在带有display：table-cell的li中时会有所不同？
在Chrome和IE中，按钮与单元格的顶部对齐，而在Firefox中，按钮与底部对齐。这可以在Firefox中受到影响，就像在Chrome中一样吗？
我在http://jsfiddle.net/1kg8a6rb/
上创造了一个小提琴HTML：
<ul>
<li><button><span>Some longer text</span></button></li>
<li><button><span>Some much longer text</span></button></li>
<li><button><span>Some text much much more longer text</span></button></li>
<li><button><span>Some text</span></button></li>
<li><button><span>Some text</span></button></li>
</ul>
的CSS：
ul{
list-style: none;
padding: 0;
margin: 0;
display: table;
table-layout: fixed;
width: 100%;
}
li {
display: table-cell;
text-align: center;
}