一个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>&nbsp;&nbsp;//这里也是问题所在之一
                            <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>
                            &nbsp; <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>
　　　　　　　　　　　　　　　　　　　　//这后面的&nbsp;也要去掉，不然的话出现的问题，就像第一张图片上一样，乱掉
                            <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>

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

　　欢迎大家拍砖，以及指导，感激不尽。