CSS funktioniert in IE, aber nicht FF

Question

Ich habe eine sehr einfache CSS-Datei für meine Asp.Net MVC-Anwendung.

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; 
} 

Der Körper funktioniert gut in beiden ... wie der Eingang ist. Der headerRow funktioniert jedoch nicht in FF, funktioniert aber gut in IE.

Hier wird, verwendet wird:

<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> 

Die Kopfzeile zeigt nur wie normale Körper Text aber ...

Answer 1

Versuchen Sie Ihren Code ein wenig zu kondensieren. Zum Beispiel:

.headerRow { border-bottom: solid 1px #800000; }

würden Sie drei Linien im Wert von Code speichern. Könnten Sie auch näher erläutern, was nicht funktioniert? Rand? Alle Stile, die mit headerRow verknüpft sind?

Answer 2

Können Sie Ihre CSS und HTML-Codes mit dieser Prüfung überprüfen?

http://validator.w3.org/ -> html http://jigsaw.w3.org/css-validator/ -> css