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 и работать со свойствами float и margin. На эту тему существует множество учебных пособий.