Firefox中输入的圆角看起来很奇怪

Question

检查jsfiddle。在IE11和最新的Chrome测试中，一切都很好看。但是Firefox（目前是v32）搞砸了它。我尝试添加-moz-border-radius：28px;但没有区别。

<div class="searchbox">
  <input id="searchInput" onkeypress="zoekArtikel(event);" type="text">
</div>

.searchbox{
    width:265px;
    height: 37px;
    background-color: #000d59;
    margin-left:40px;
    margin-top:90px;
}

#searchInput{
    width:203px;
    margin-left:10px;
    margin-right:10px;
    margin-top:7px;
    height:20px;
    -moz-border-radius:28px; /* makes no differnce */
    border-radius:28px;
    padding-left:5px;
    padding-right:35px;
    background-size: 25px 20px;
}

Answer 1

将border: 0;添加到#searchInput