html - ヘッダーが表示された固定テーブル

Question

2 つのテーブルがあり、その構造は以下のとおりです。最初のテーブルはヘッダー用で、2 番目のテーブルはデータ用です。垂直スクロールが得られますが、それで問題ありません。スクロールするとき、ヘッダーがデータとともに表示されるようにする必要があります (header :fixed)。これは Firefox 3.6 バージョンでは正常に機能していますが、Firefox 11、12、および 13 ではヘッダーが非表示になっています。以下はコードです。私にお知らせください：

<table cellspacing="1" cellpadding="5" width="90%" bgcolor="#538ED5" style="height: 300px; overflow-y: fixed">
<tr>
    <th colspan="2" align="center" bgcolor="#FFCC99" style="font-size:'.$textsize.';"><b>Dates</b></th>
    <th colspan="3" align="center" bgcolor="#CCFF99" style="font-size:'.$textsize.';"><b>EACM</b></th>
    <th colspan="3" align="center" bgcolor="#CCFF99" style="font-size:'.$textsize.';"><b>LOIS</b></th>
</tr>
<tr>
    <td>data1</td>
    <td>data2</td>
    <td>data3</td>
</tr>