имеют одинаковую высоту для выбора и ввода в IE7

Question

У меня есть этот код: http://jsfiddle.net/GurmR/19/

В IE7 (как вы можете видеть) высота ввода не является реальной height:18px (есть своего рода заполнение / поле?).

Они имеют больше высоты, чем окно выбора. Как я могу их настроить?

Answer 1

Неправильная структура HTML, элемент "input" должен быть внутри <tr><td>.

Попробуйте это

Answer 2

Избавление от .trackOn height: 26px; исправит это.По какой-то причине IE7 или IE в режиме причуд интерпретируют это значение высоты, в то время как другие браузеры этого не делают.

.trackOn
{
    width:710px; height:0px;
}

Answer 3

Посмотрите на браузер jquery обнаружить

Вы можете использовать этот код, чтобы определить, является ли браузер IE, и затем вы можете изменить высоту, используя также jquery

if($.browser.msie)
{
   $(.yourobjecthere).css('height','100') //use the value you find to fit best with ie
}