一个ie下的兼容性问题

最近做用户管理的时候遇见了一个兼容性的小问题，在chrome，ff下都没有问题，但是在ie下面的话，只有在兼容性模式下才可以正常显示，前段时间一直在做别的功能，用chrome开发也暂时没有影响，所以一直没有去处理这个问题，直到今天几乎上所有功能都实现了，才解决了这个问题。问题如下：这是我在一个新建的html下，出现下面出现的问题，



在我的程序下面的出现的问题是这样的，后面的那个下拉菜单不会出现：



最初有问题的html代码如下：

<div class="mini-toolbar" style="border-bottom: 0; padding: 2px;">
<table style="width: 100%; height: 30px;">
<tr>
<td align="left" style="width: 50px;">//这里是问题所在之一
<div id="cbFirst" style="float: left;width: 120px;">
<input id="cmbFirst" value="Selected" url="../data/SearchText.txt" class="mini-combobox" allowinput="false" onvaluechanged="GetFollow()";/></div>  //这里也是问题所在之一
<div id="cbTextbox" style="float: left;margin-left:10px;width: 110px;">
<input id="key" class="mini-textbox" onenter="onKeyEnter" />
</div>
<div id="cbOrganization" style="float: left;margin-left:10px;width: 110px;display:none">
<input  idField="Key" textField="Value" id="keyOrganization"    class="mini-combobox" allowinput="false" />
</div>
<div id="cbDepartment" style="float: left;margin-left:10px;width: 110px;display:none">
<input idField="Key" textField="Value" id="keyDepartment"  class="mini-combobox" allowinput="false" />
</div>
  <a class="mini-button" iconcls="icon-search" onclick="searchData()" plain="true">
查询</a>//这里也是问题所在之一
</td>
</tr>
</table>
</div>

正常显示应该是：



修该后没有问题的html如下：

<div class="mini-toolbar" style="border-bottom: 0; padding: 2px;">
<table style="width: 100%; height: 30px;">
<tr>
<td align="left">//这里做了一点修改...
<div id="cbFirst" style="float: left; width: 110px;">
<input id="cmbFirst" value="Selected" url="../data/SearchText.txt" class="mini-combobox"
allowinput="false" onvaluechanged="GetFollow()" /></div>
　　　　　　　　　　　　　　　　　　　　//这后面的 也要去掉，不然的话出现的问题，就像第一张图片上一样，乱掉
<div id="cbTextbox" style="float: left; margin-left: 10px; width: 110px;">
<input id="key" class="mini-textbox" onenter="onKeyEnter" style="margin-left: 8px;"/>
</div>
<div id="cbOrganization" style="float: left; margin-left: 20px; width: 110px; display: none">
<input idfield="Key" textfield="Value" id="keyOrganization" class="mini-combobox"
allowinput="false" />
</div>
<div id="cbDepartment" style="float: left; margin-left: 20px; width: 110px; display: none">
<input idfield="Key" textfield="Value" id="keyDepartment" class="mini-combobox" allowinput="false" />
</div>
<div style="float: left; margin-left: 25px; width: 110px;">//这里把查询按钮放在div里面去布局
<a class="mini-button" iconcls="icon-search" onclick="searchData()" plain="true">查询</a></div>
</td>
</tr>
</table>
</div>

　　最后，做为新手，总会遇见的一些问题，有问题不可怕，总有解决的办法，重要的是不对问题产生厌烦感，积极的寻找方法，问题都是可以解决掉的。通过自己这段时间的亲身感受，自己还要很多知识去狂补，对编程的思想理解还有很多需要提高的地方，思想很重要，你，正如你所思！你怎样，你的世界就怎样！
　　欢迎大家拍砖，以及指导，感激不尽。