Firefox错误:由于中文字符，<select>下拉菜单中有额外的空间

Question

在Firefox17中，我在<select>下拉列表中看到了额外的空间。当选项列表超过20个项目时，就会触发该问题。请看这里的截图

​

​

我已经摆弄了它一段时间，将<select>简化为一个中文字符，请看这里：http://jsfiddle.net/4LDFU/4/

<form>
21 items (note blank space in dropdown)
<select  size="1"><option selected="selected" value="0">所有類別 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</option><option value="11450">服裝、鞋及配件</option><option value="14675">手機、通訊產品</option><option value="293">電子產品及電器</option><option value="58058">電腦及網絡</option><option value="625">數碼相機、攝影器材</option><option value="281">珠寶首飾及鐘錶</option><option value="220">玩具及個人愛好</option><option value="11700">家居生活</option>
    <option value="142313">Games</option><option value="45099">電影音樂</option><option value="1">收藏品</option><option value="260">郵票</option><option value="11116">錢幣</option><option value="888">體育、休閒及旅遊</option><option value="9800">汽車</option><option value="12576">商業及工業</option><option value="20081">古董</option><option value="267">書籍</option><option value="26395">健康及美容</option><option value="99">其他物品及服務</option></select>

<br><br>20 items (remove any one option, and blank space is gone)
<select  size="1">
    <option value="11450">服裝、鞋及配件</option>
    <option value="11450">服裝、鞋及配件</option>
    <option value="14675">手機、通訊產品</option>
    <option value="293">電子產品及電器</option>
    <option value="58058">電腦及網絡</option>
    <option value="625">數碼相機、攝影器材</option>
    <option value="220">玩具及個人愛好</option>
    <option value="11700">家居生活</option>
    <option value="142313">Games</option>
    <option value="45099">電影音樂</option>
    <option value="1">收藏品</option>
    <option value="260">郵票</option>
    <option value="11116">錢幣</option>
    <option value="888">體育、休閒及旅遊</option>
    <option value="9800">汽車</option>
    <option value="12576">商業及工業</option>
    <option value="20081">古董</option>
    <option value="267">書籍</option>
    <option value="26395">健康及美容</option>
    <option value="99">其他物品及服務</option>
</select>

<br><br>21 items again (stripped to one HK character, blank space remains)
<select  size="1">
    <option>test</option>
    <option>test</option>
    <option>產</option>
    <option>test</option>
    <option>test</option>
    <option>test</option>
    <option>test</option>
    <option>test</option>
    <option>test</option>
    <option>test</option>
    <option>test</option>
    <option>test</option>
    <option>test</option>
    <option>test</option>
    <option>test</option>
    <option>test</option>
    <option>test</option>
    <option>test</option>
    <option>test</option>
    <option>test</option>
    <option>test</option>
</select>

​

有什么想法吗？它只出现在Firefox中。在Chrome中，滚动条显示在21个项目上，这让我觉得这是Firefox计算滚动条时的一个错误。

Answer 1

尝试：

用所有分类替换：所有類別 (简体中文)