I want to create such type drop list http://datanova.co.in/dnitest/test/Untitled-2.jpg
I have tried this working only in chrome but it not working in mozila and ie
link: http://jsfiddle.net/manojnaanak/A7JCm/1/
select.selectGradiant {
background: url(http://datanova.co.in/dnitest/test/dropBackFull.jpg);
background-position: 100% 53%, center center;
background-repeat: no-repeat;
border: 1px solid #BBBBBB;
-webkit-appearance: none;
-moz-webkit-appearance: none;
-khtml-webkit-appearance: none;
height: 18px;
width: 35px;
font-size: 10px;
box-shadow: 1px 0px 1px #999;
-moz-box-shadow: 1px 0px 1px #999;
-webkit-box-shadow: 1px 0px 1px #999;
}