title: custom drop down not working IE and Firefox
body: <p>I have a custom img for my dropdown option menu and i tried other browser like Internet Explorer and FireFox...</p>
  
  <p>My Code:</p>
  
  <pre><code>textarea {
      background: #9d9d9d;
      color: #000000;
      width: 90%;
      padding: 5px;
      border-radius:5px;
      -moz-border-radius:5px;
      -webkit-border-radius:5px;
  }
  .styled-select {
     width: 88%;
     height: 30px;
     overflow: hidden;
     background: url('../img/down.png') no-repeat right #9d9d9d;
     border: 1px solid #ccc;
     border-radius:5px;
     -moz-border-radius:5px;
     -webkit-border-radius:5px;
  }
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/1a8FO.png" alt="This is the drop down on firefox"></p>
  
  <p><img src="https://i.stack.imgur.com/ugcU0.png" alt="This is the Drop Down on Internet Explorer"></p>
  
  <p>First Img is for Firefox the Second img is for Internet Explorer</p>