css文本对齐IE中选择列表的问题

Question

我的html页面中有一个选择列表，它在firefox的中心显示但不在IE中显示

.drop_down1 {
background-color: #7CA942;
border: 1px solid;
color: white;
font-size: 16px;
vertical-align: middle;
text-align: center;
font-family: GemFont One;
width: 200px;
height: 30px;
cursor: pointer;
}

<select  class="drop_down1">
<option value="0">RELIGIOUS</option>
<option value="31">MORMON</option>          
<option value="30">CATHOLIC</option>            

<option value="32">CALVARY</option>         
<option value="1">CHRISTIAN</option>            

<option value="6">SYMBOLS</option>          
<option value="2">JEWISH</option>           

</select>

它在IE8中。请帮帮我

Answer 1

使用CSS定位。最好的办法是将它放在DIV标签中，并使用浮点和边距属性。关于这个主题有许多教程。