I'm currently working on styling an asp:DropDownList element using custom CSS. I have successfully set the height, but I am facing a challenge with getting the text to align in the middle of the element rather than at the bottom. The vertical-align:middle property doesn't seem to be achieving the desired effect. Additionally, when I try adding padding-bottom to move the text up from the bottom, there is an unsightly gap between the arrow on the right side of the drop-down and the border in Internet Explorer. Here is my current CSS code:
.dropdowndiv
{
font-size:10pt;
margin-bottom:2px;
height:26px;
width:220px;
border:1px solid #d5d5d5;
text-transform:uppercase;
vertical-align:middle;
}