title: Drop Down arrow won't go away in mozilla or ie
body: <p>I have developed a website in asp.net and i have four drop down lists that are connected to an access database. The thing is when I view in firefox or ie there is a default drop down arrow which i don't want, but if I view in chrome it is not there. I have tried adding these to my style class:</p>
  
  <pre><code> -moz-appearance: none; opacity:0; overflow:hidden; width:120%
  </code></pre>
  
  <p>as well as </p>
  
  <pre><code> -moz-appearance: button; overflow:hidden; width:120%; opacity: 0
  </code></pre>
  
  <p>and I have had no success, and I am well, stuck. any help is greatly appreciated </p>
  
  <p>here is my dropdown list:</p>
  
  <pre><code>&lt;asp:DropDownList id="DropDownList3" 
                          runat="server" 
                          AutoPostBack="True" 
                          DataSourceID="SqlDataSource1" 
                          DataTextField="Plant" 
                          DataValueField="Plant" 
                          min-width="156px"
                          width="120%";
                          Font-Bold="true" 
                          Font-Size="x-Large" 
                          style="margin-left: 250px; margin-top:-44.5px;
                          margin-bottom:-20px; 
                          background-color: #FFFFFF; box-shadow:none; 
                          outline-color: #FFFFFF;
                         -moz-appearance: none;
                          overflow:hidden; appearance: none; 
                         -webkit-appearance:none;
                          border: none;
                         text-align: right;" 
                          Enabled="False"&gt;
                  &lt;/asp:DropDownList&gt;
  </code></pre>