css - IE 8 表格填充问题

Question

我创建了一个包含以下代码的表:

<table class="details resultTable">
<thead class="details">
<tr class="details">
<th class="details headerText">Heading 1</th>
<th class="details headerText">Heading 2</th>
</tr>
</thead>
<tbody class="imu-details-view">
<tr class="details">
<td class="details">Text 1</td>
<td class="details">Text 2</td>
</tr>
</tbody>
</table>

这是表格的 CSS

resultTable {
    border-collapse: collapse;
    text-align: left;
    width: 100%;
}
resultTable th {
    border-bottom: 2px solid #6678B1;
    padding: 10px 8px;
}
resultTable td {
    border-bottom: 1px solid #CCCCCC;
    padding: 6px 8px;
}

现在我遇到的问题是，在 Firefox 中，表格如下所示:

然后在 IE 8/9 中是这样的:

谁能解释一下我如何使 IE 表格看起来像 Firefox 表格？

Answer 1

试试下面的代码。将 align=left 添加到标记。

 <th align="left" class="details headerText">Heading 1</th>
 <th align="left" class="details headerText">Heading 2</th>