How to remove the arrow image from select element in FireFox and Internet Explorer

JSFiddle: http://jsfiddle.net/jnelsonin/NMq75/

This is how the select element looks in FireFox and Internet Explorer 10, after giving a background image.

select element in FireFox

select element in FireFox

select element in Internet Explorer 10

select element in Internet Explorer 10

How to get rid of the browser default arrow image?

HTML

CSS