Мне нужно выяснить, почему в IE7 и 8 фоновое изображение отображается немного ниже элемента select
.

.select-type {
background: url('images/dd-icon.png') no-repeat right #FAFAFA!important;
height: 29px;
overflow: hidden;
width: 150px;
}
.select-type #type-dd {
background: none repeat scroll 0 0 transparent!important;
font-size: 16px;
height: 30px;
padding-top: 3px;
text-align: left;
width: 180px;
}
Я пробовал z-index
и min-height
и другие приемы, но это все еще показывает.
У кого-нибудь есть решение?
EDITED
Могу взглянуть на jsfiddle, но мои извинения, что я не могу поставить абсолютный путь. заранее спасибо за помощь
http://jsfiddle.net/bfg5G/1/