Question : Problem with dropdown's padding in IE

Hi , I have a edit box and three dropdown menus in my form

The problem is doesnt matter what i put in the dropdown menu css class, the padding is the same always, making look ugly my form  (i want the height to be the same size than the editbox).

This problem doesnt exist in Firefox, only in IE  
 
 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
CSS Code

.maindropdownlist
{
	border: 1px solid #989898;
	background-color: #EAEDEE;
	padding: 5px;
	color: #000000;
	font-size: 11px;
	height: 25px;
	font-family: Verdana, Arial;
	width: 303px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
} 


ASP CODE



<fieldset>
	                       <h3>Permita a Navteq encontrarlo por usted.</h3>
	                       <p> Indique los datos de su dirección </p>
	                       <p>
                             <input id="editBoxDireccion" type="text" />
                                                   
                                          
                             </p> 
                             
                          
                             <asp:DropDownList ID="DDEstados" runat="server" CssClass="maindropdownlist">
                             </asp:DropDownList>
                          
                           
                             <asp:DropDownList ID="DDMunicipios" runat="server" CssClass="maindropdownlist">
                             </asp:DropDownList>             
                                                   
                              
                             <asp:DropDownList ID="DDLocalidades" runat="server" CssClass="maindropdownlist">
                             </asp:DropDownList>      
                            
</fieldset>

Answer : Problem with dropdown's padding in IE

Random Solutions  
 
programming4us programming4us