Internet explorer div-height问题在ie中，具有固定高度的div在firefox和ie中的渲染实际上并不相同

我的应用程序中有一个搜索框，其html源代码如下：

<div class="nobg">
 <form id="search_form" onsubmit="return validateSearchForm();" action="">
     <table align="center">
        <tr>
          <td>
            <div class="searchDiv">
                <form id="search_form" onsubmit="return false;" action=""/>
                <input name="searchText" class="searchBox" id="searchText" style="font-style: italic;" onfocus="setSearchTextOnFocus(this)" onblur="setSearchTextOnBlur(this)" type="text" value="Affiliate Name"/>
                 <input name="search_options" id="search_options" type="hidden" value="affiliate_name"/>
                 <input name="search" class="searchButton" onclick="" type="submit"/>
                 <span id="icon_clear" jQuery1319611343728="17">x</span>
            </div>
          </td>
        </tr>
        <tr>
           <!--Search options -- Affiliate Name|Site Id|Site Name...-->
        </tr>
     </table>
   </form>
 </div>

td内部的这个div导致了额外的空间。 如果我删除height属性，searchDiv将在搜索框中折叠，这是在firefox/chrome中

---

对于IE中td内部的固定高度div，应该存在一些渲染问题。如何解决此问题？

尝试设置行高：25px以解决您的问题。抱歉@Giberno…行高无法解决我的问题。请为此问题添加JSFIDLE好吗？

.searchDiv {
PADDING-BOTTOM: 0px;
PADDING-LEFT: 0px;
WIDTH: 450px;
PADDING-RIGHT: 0px;
FLOAT: left;
HEIGHT: 25px;
PADDING-TOP: 0px
}