Выравнивание текста в полях формы в ie

[wordpost]

Так собственно к сути проблемы. Есть форма (список/меню) во всех браузерах отображается как надо, но в ie мать его как всегда возникают проблемы. Текст прижимается к низу формы. Как выровнить по центру? и сделать отступ слева ?
Вот код:

<div id="sort">
<select name="kom" class="pokom" >
<option>По командам</option>
<option>Яндекс</option>
<option>Почта</option>
<option>Рамблер</option>
</select>
<select name="data" class="podata">
<option value="b" selected>По дате</option>
</select>
<select name="chemp" class="pochemp">
<option value="c" selected>По чемпионату</option>
</select>
</div>

А вот CSS:

#sort{  outline:none;  float:left; width:1000px; height:50px; background:#e6e6e6;}
.pokom {
border:none;
background:url("img/fon_sort.png") ;/* фон только ДЛЯ IE */
width:250px; height:30px;
text-indent:10px;/*---отступ слева текста  в форме ДЛЯ IE НЕ КАТИТ---*/
margin:10px 0 0 18px; }
.podata{
border:none;
background:url("img/fon_sort.png") ;/* фон только ДЛЯ IE */
width:250px; height:30px;
text-indent:10px;/*---отступ слева текста  в форме ДЛЯ IE НЕ КАТИТ---*/
margin:10px 0 0 20px;}
.pochemp{
border:none;
background:url("img/fon_sort.png") ;/* фон только ДЛЯ IE */
width:250px; height:30px;
text-indent:10px;/*---отступ слева текста  в форме ДЛЯ IE НЕ КАТИТ---*/
margin:10px 0 0 20px;}

 

[BaNru]

IE6 нормально.
Какая версия осла то?
padding/margin не помогают?

 

[wordpost]

при padding вот что получается :
А марджин не работает.

А в мозиле 5,0,1 вот такая бяка :

 

[lekzd]

Попробуте задать line-height меньше, чем высота поля

 

[BaNru]

wordpost, а если использовать padding-bottom + фикс для осла, типа _padding-bottom (IE6)?
А еще, как упоминали выше line-height + font-size.

Да и как мы можем помочь, если вы как партизан молчите и не отвечаете на поставленные вопросы?
В осле6 всё работает!

 

[medwoodu]

.

.pokom option{  padding: 3px 10px;}

 

[wordpost]

Мужики! с кодом я разобрался всем спасибо!!! вот код:

<div id="sort">
<select  name="kom" class="sortform" >
<option>По командам</option>
<option>Яндекс</option>
<option>Почта</option>
<option>Рамблер</option>
</select>
<select name="data" class="sortform">
<option value="b" selected>По дате</option>
</select>
<select name="chemp" class="sortform">
<option value="c" selected>По чемпионату</option>
</select>
</div>

ВОТ CSS:

.sortform {
padding: 5px; /* добовляем для отступа текста в нутри формы */
outline:none;
overflow: hidden;
border:none;
background:url("img/fon_sort.png") ;/* фон только ДЛЯ IE и мозила */
width:250px; height:30px;
margin:10px 0 0 18px; }

Обратите внимание на то, что фон к форме отображается только в осле и мозиле, и как изменить кнопку выбора в форме?