Firefox displaying a table when IE correctly isn't
<p>Here is the code for the beginning portion of the table that should not be showing in firefox</p>

<pre><code>&lt;FORM Name='Main' METHOD=POST&gt;&lt;!--    DISPLAY PAY PERIOD DETAIL WEEKLY VIEW --&gt;&lt;span align='center' id='spanDetails'
                                                                                     style='display:none'&gt;&lt;TABLE
        align='center' BORDER=1 CELLPADDING=4 CELLSPACING=0 CLASS=cTable&gt;
    &lt;TR&gt;
        &lt;th CLASS=TH1 align='center' valign='top' colspan='6'&gt;Pay Period Detailss&lt;/th&gt;
        &lt;th CLASS=TH1 align='center' valign='top'&gt;
            &lt;style type="text/css"&gt;.myLayersClass {
                position: relative;
                display: table;
            }&lt;/style&gt;
            &lt;span id='spanHideDetails' class='myLayersClass' style='display: table'&gt;&lt;a
                    href='javascript:if (typeof(document.forms["Main"]["showtb"])=="object"){ SetDetailSpanStatus(document.forms["Main"]["showtb"],0);}ToggleDisplay("spanDetails", "");javascript:ToggleDisplay("spanPPDates", "TsLinks");'&gt;Hide&lt;/a&gt;&lt;/span&gt;
        &lt;/th&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;TH ALIGN='center' valign='center'&gt;Date&lt;/TH&gt;
        &lt;TH ALIGN='center' valign='center'&gt;Duration&lt;/TH&gt;
        &lt;TH ALIGN='center' valign='center'&gt;Title Code/&lt;br&gt;Pay Code&lt;/TH&gt;
        &lt;TH ALIGN='center' valign='center'&gt;Project/&lt;br&gt;Enterprise Project&lt;/TH&gt;
        &lt;TH ALIGN='center' valign='center'&gt;FAU Title/&lt;br&gt;Shift&lt;/TH&gt;
        &lt;TH ALIGN='center' valign='center'&gt;Message&lt;/TH&gt;
        &lt;TH ALIGN='center' valign='center'&gt;View&lt;/TH&gt;
    &lt;/tr&gt;
    &lt;tr CLASS='bottom'&gt;
</code></pre>
