IE表格布局错误

Question

所以我有一个简单的表格：

<table>
    <tr>
        <td></td>
        <td colspan="3">
        </td>
    </tr>
    <tr>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
    </tr>
    <tr>
        <td></td>
        <td colspan="3">
    </tr>
</table>

哪个应该显示为：

---------------------------------
|       |                       |
---------------------------------
|       |       |       |       |
---------------------------------
|       |                       |
---------------------------------

它适用于Firefox和Chrome，但在IE中它显示为2列表。有谁知道我做错了什么？

更新

所以我设法复制了它：

<STYLE>
* {
margin:0px;
padding:0px;
}
input[type="radio"] {
display:none;
}
label {
float:left;
height:0px;
width:0px;
}
.mytable {
width:90%;
margin-left:auto;
margin-right:auto;
margin-top:20px;
text-align:center;
border-collapse:collapse;
}
.mytable tr td:first-child {
border-right:1px solid #C5101A;
}
</STYLE>



<table class="mytable">
    <tr>
        <td style="width:20%">
            hi
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
    </tr>
    <tr>
        <td>
        </td>
        <td colspan="3">
        </td>
    </tr>
    <tr>
        <td>
        </td>
        <td>
            <input type="radio" id="a" value="a" ><label for="m">First</label>
        </td>
        <td>
            <input type="radio" id="b" value="b" ><label for="b">Second</label>
        </td>
        <td>
            <input type="radio" id="c" value="c" ><label for="c">Third</label>
        </td>
    </tr>
    <tr>
        <td>
        </td>
        <td colspan="3">
        </td>
    </tr>
</table>

我还设法解决了这个问题......我刚刚从float:left;删除了label ... 如果您删除border-collapse，它也有效...但我需要...