html - Firefox 中的错误表格标题边框

Question

我想知道这是否是一个错误。正如您在 jsfiddle 上看到的那样, 只有顶部边框而不是所有单元格周围的边框。请注意，IE 9 会按预期绘制边框。另请注意，如果您移动 <tfooter> 的内容在<tbody> , Firefox 开始像 IE 一样绘制边框。

HTML

<table>
<thead>
    <tr>
        <th>Header 1</th>
        <th>Header 2</th>
        <th>Header 3</th>
    </tr>
</thead>
<tfoot>
    <tr>
        <td colspan="3">
            <span class="norecords">No records found.</span>
        </td>
    </tr>   
</tfoot>
<tbody></tbody>

CSS

table {
    background-color: #EFEFEF;
    border: 1px solid #BCBCBC;
    border-collapse: collapse;
} 
th, td {
    padding: 10px;
}
th {
    border: 1px solid #BCBCBC;
}

Answer 1

你的问题是 tbody - 如果你删除这个空标签(或向它添加一行)它将起作用:

http://jsfiddle.net/FyARs/3/