title: Select removing dropdown arrow - Cross-browser
body: <p>My code works well in all browsers except <code>IE</code>. I styled the select but not able to remove the default arrow in <code>IE</code>.
  Simple code: HTML</p>
  
  <pre><code>&lt;form&gt;
  &lt;label for="selectitem"&gt;Food Favorites&lt;/label&gt;
  &lt;select id="selectitem"&gt;
      &lt;option&gt;Choose...&lt;/option&gt;
      &lt;option value="italian"&gt;Italian&lt;/option&gt;
      &lt;option value="japanese"&gt;Japanese&lt;/option&gt;
      &lt;option value="mexican"&gt;Mexican&lt;/option&gt;
      &lt;option value="vietnamese"&gt;Vietnamese&lt;/option&gt;
  &lt;/select&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>CSS code:</p>
  
  <pre><code>form {
      position: relative;
      top: 50px;          
  }
  
  form * {
      -webkit-appearance: none;
      -moz-appearance: none;
      background: transparent;
      behavior: url(PIE.htc);
  }
  
  select, option {
      border: none;
      background: none;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      padding: 0;
      margin: 0;
  }
      body {
      background: #666;
  }
  
  form {
      position: relative;
      width: 340px;
      margin: 0 auto;
      font-weight: bold;
      color: #DDD;
  }
  
  select {
      background: #555;
      border-radius: 4px;
      width: 240px;
      height: 35px;
      background: url('select.png') no-repeat;
      color: #DDD;
      padding: 8px;
      outline: solid transparent;
      -webkit-appearance: none;
      -moz-appearance: none;
      text-indent: 1px;
      text-overflow: '';
  
  }
  
  select:focus {
      background: url('select.png') no-repeat 0 -35px;
  }
  
  option {
      background: #666;
      color: #DDD;
      padding: 5px;
      text-align: center;
  }
  </code></pre>
  
  <p>I managed to remove the arrow in Firefox with </p>
  
  <pre><code>webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
  </code></pre>
  
  <p>Image of background for select: <a href="http://i.imgur.com/PSolPt7.png" rel="nofollow">http://i.imgur.com/PSolPt7.png</a></p>