Select arrow no showing -webkit-appearance: none

HTML & CSS
8

Here is my full code so far @PaulOB :

select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 278px;
  border-color: #444 #333 #333 #444!important;
  background: url(../images/down-arrow.png) no-repeat 254px 12px;
}

Which displays (image attached):

I don’t have IE using Mac locally. Do you see any problems with what I have?
Any room for improvement?

Thanks, Barry