Html firefox中的下拉列表设计

Opera，Chrome:
火狐：

我的css：

width: 170px;
height: 25px;
font-family: arial;
color:#9E9E9F;
font-size: 12px;
border-color:#EFEFEF;
border-width: 1px;
-webkit-appearance: none;
 -moz-appearance:none;
background: url(../img/select-ar.fw.png);
background-repeat: no-repeat;
background-position: 150px 8px;
cursor: pointer;
padding-left: 3px;
letter-spacing: 0.6pt;

它想要什么

---

如何在firefox中修复它？

您只能使用

：after

elment来修复它，它覆盖了原始的

select