title: Change Combo Box style
body: <p>I want to change the cmbobox design I rtied to use this code it's working on chrome
  but it not working on opera and firefox
  HTML code:</p>
  
  <pre><code>&lt;div class="styled-select"&gt;
     &lt;select&gt;
        &lt;option&gt;Here is the first option&lt;/option&gt;
        &lt;option&gt;The second option&lt;/option&gt;
     &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS Code:</p>
  
  <pre><code>.styled-select select {
         background: transparent;
         width: 268px;
         padding: 5px;
         font-size: 16px;
  
         border: 0;
         border-radius: 0;
         height: 34px;
         -webkit-appearance: none;
         -moz-appearance:none;
         appearance: none;
         }
  
  .styled-select {
         width: 271px;
         height: 43px;
         overflow: hidden;
         background: url(img/cmbbox.png) no-repeat;
         border: 0;
         }
  </code></pre>
  
  <p>jsFiddle: <a href="http://jsfiddle.net/Sz2e6/" rel="nofollow">http://jsfiddle.net/Sz2e6/</a></p>