CSS working in IE, but not FF
- by cdotlister
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...