title: Remove Select arrow on IE
body: <p>I have select element, i want to remove the arrow, then i can add other icon..
  i can do that for Firefox Safari and Chrome,
  but this didn't work on <strong>IE9</strong>.</p>
  
  <pre><code>.styled-select select 
  {
      border: 0 !important;  /*Removes border*/
      -webkit-appearance: none;  /*Removes default chrome and safari style*/
      -moz-appearance: none;  /*Removes default style Firefox*/
      background: url('select_icon.png')  no-repeat;
       background-position: 179px 7px;
       text-indent: 0.01px;
       text-overflow: "";
       color: #FCAF17;
       width:200px;
   }
  </code></pre>
  
  <p>SEE <a href="http://jsfiddle.net/kBWYd/" rel="noreferrer">Fiddle</a> on <strong>IE9</strong>.
  all what i need is remove the arrow in ie9
  Please JSFIDDLE answer. </p>