选择在firefox中显示怪异

Question

首先，小提琴：

.nav-ehri.nav-ehri-select {
-moz-appearance: button;
border: 0 none;
display: block;
height: 40px;
line-height: 20px !important;
margin: 0;
padding: 10px 0;
vertical-align: baseline;
white-space: normal !important;
width: 100%;
}

http://jsfiddle.net/dj2Ps/

这里的问题在Firefox上可见，但在Chromium上没有。出于一个奇怪的原因，选择不像按钮那样显示，我找不到原因。我认为这是我失踪的一些firefox属性。

我正在运行bootstrap并复制了此代码段所需的每个css位。