Firefox附加内容时扩大选择大小

Question

我目前正在研究将动态内容（通过Ajax提取）加载到select中的脚本。由于我得到多个元素，我的代码目前看起来像这样

$.each(data, function(key,val) { 
    $("#myselect").append(
     $("<option></option>").val(key).html(val) 
    ); 
}); 

现在，这工作正常。当我在Chrome中测试它时，我没有看到任何错误。但后来我再次看到Firefox，并且FF在追加内容时似乎扩大了设置大小。

在铬

在火狐

或者，如果你想看到自己，I have created a demo fiddle。

我现在的问题显然是，是什么导致了这种行为，我该如何抑制它呢？

Answer 1

向选择元素添加高度解决了问题。

select { 
    height: 80px; 
    min-width: 50px; 
} 

Demo

如果从option删除padding -elements它工作没有调整。 Demo