具有相同的高度，在IE7

Question

一個選擇和輸入我有這樣的代碼：http://jsfiddle.net/GurmR/19/

在IE7（因爲你可以看到）輸入的高度是不是一個真正的height:18px（有一種填充/保證金？）。

他們有更多的高度比選擇框。我如何調整它們？

Answer 1

看看jQuery的瀏覽器檢測

您可以使用此代碼來檢測，如果瀏覽器是IE，然後你可以使用也改變高度的jQuery

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

Answer 2

的HTML結構是錯誤的， 「input」元素應位於<tr><td>的內部。

Try This one

Answer 3

擺脫.trackOn height: 26px;會解決它。出於某種原因，在怪異模式下，IE7或IE會解釋此高度值，而其他瀏覽器則不會。

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