Hi guys,

I have a very simple css file for my Asp.Net MVC application.

    body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    color: #663300;
}

input
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    background-color: #FFFF99;
    color: #CC6600;
    border: 1px solid #808000;
}
.headerRow
{
    background-color: #FFFFCC;
    border-style: none none dotted none;
    border-bottom-width: 1px;
    border-bottom-color: #800000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    text-transform: uppercase;
}

The Body is working well in both... as is the input. However, the headerRow isn't working in FF, yet works well in IE.

Here it is, being used:

 <table width="700" border="0" cellspacing="1" cellpadding="2">
    <tr class="headerRow">
        <td>
            Transaction Date
        </td>
        <td>
            Type
        </td>

        <td>
            Category
        </td>
        <td>
            Budget Assignment
        </td>
        <td>
            Cost Center
        </td>
        <td align="right">

            Amount
        </td>
    </tr>

The header row just displays as normal body text though...