css text align issue for select list in IE

I have a select list in my html page which showing in the center in firefox but not in 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>          
<op开发者_运维技巧tion 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>

It's in IE8. please help me

Use CSS positioning. Best bet is to put it in a DIV tag, and work with the float and margin properties. Many tutorials exist on this subject.