FIREFOXでのテーブル表示崩れについて

質問

お世話になります。
レイアウト崩れについて質問させて頂きます。
現在下記のようにしています。
IE9、Safari、Chromeでは問題ないのですが、FireFoxで見た時に添付画像の用になってしまいます。いろいろ試してみたのですが、原因がわかりません。
この現象の原因が思い当たる方いましたらアドバイスをください。

HTML
<table class="list">
<thead>
　<tr>
　　<td>テスト</td>
　</tr>
　<tr>
　　<th class="tdptn100">Line1</th>
　　<th class="tdptn100">Line2</th>
　　<th class="tdptn380">Line3</th>
<th class="tdptn100">Line4</th>
<th class="tdptn100">Line5</th>
<th class="tdptn50">Line6</th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>

CSS
table.list {
width: auto;
border: 2px solid #000;
border-collapse: collapse;
margin-left: auto;
margin-right: auto;
}
.list th {
font-size: 60%;
}
.list td {
font-size: 60%;
display:block;
}

回答No.1

yambejp · ベストアンサー

>添付画像

が見られないようですが・・・

>display:block;

display:table-cell;

じゃだめなんですか？

お礼

「display:table-cell」に直したところ正常に表示されました。
ありがとうございます。

補足

申し訳わけありません。

画像がうまく挙げられないので文字で補足させて頂きます。
現象としては、tdがすべて左に詰められたように表示されてしまっている感じです。