自定义浏览器css,CSS自定义下拉选择适用于所有浏览器IE7 FF Webkit

我想做一个自定义下拉，适用于所有的浏览器。我在这里创建了一个，但箭头是不可点击。如果我将其设置为选择的背景，那么firefox将覆盖它顶部的箭头。有人可以告诉我什么是最好的技术，以获得一个自定义的下拉，适用于所有的浏览器，如何使该旋钮可点击没有Javascript？

CSS：

#menulist {

-webkit-appearance: none;

-moz-appearance: none;

appearance: none;

height:32px;

border:1px solid #000;

width:260px;

text-indent: 8px;

}

.arrow{

cursor:pointer;

height:32px;

width:24px;

position:absolute;

right:0px;

background-color:#c8c8c8;

background:url('http://icons.aniboom.com/Energy/Resources/userControls/TimeFrameDropDownFilter/Dropdown_Arrow.png') 0;

}

HTML：

One

Two