IE i Firefox - niestandardowe menu rozwijane nie może usunąć rodzimych strzałek

Próbuję utworzyć niestandardową kontrolkę rozwijaną i muszę ukryć strzałki przed rodzimymi kontrolkami. Używam następującychCSS, który działa dla Chrome i Safari, ale nie dla Mozilli i IE.

select.desktopDropDown
{
    appearance: none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
}

Oto [jsfiddle] [1].

questionAnswers(5)

yourAnswerToTheQuestion