title: Hiding default select arrow in Firefox 22
body: <p>Following this answer <a href="https://stackoverflow.com/a/17713753/407943">https://stackoverflow.com/a/17713753/407943</a></p>
  
  <p>I've tried implementing the same solution but it does not work on my Windows 7 Firefox 22, this is what I get:</p>
  
  <p><img src="https://i.stack.imgur.com/eIkby.png" alt="enter image description here"></p>
  
  <pre><code>select {
      -moz-appearance: window;
      -webkit-appearance: none;
      background: #f5f5f5 url("/images/arrow_down.png") right center no-repeat;
      padding-right: 20px;
  }
  @-moz-document url-prefix() {
  .wrapper {
       background: #f5f5f5 url("/images/arrow_down.png") right center no-repeat;
       padding-right: 20px;
    }
  }
  </code></pre>
  
  <p>EDIT: here's a jsfiddle <a href="http://jsfiddle.net/TGBEZ/1/" rel="nofollow noreferrer">http://jsfiddle.net/TGBEZ/1/</a></p>