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>