Font-style diffère sur IE9 et Firefox 9.0.1

Bonjour,

J'ai un problème au niveau de l'affichage d'un texte sur mon site internet. Je veux que les sous-menus s'affichent avec le font "Cooper Black". Sur IE9, ça s'affiche très bien. Mais sur Firefox 9.0.1, ça semble afficher le font "Arial". Pourquoi ? Voici une partie du code de la page en question et de mon fichier CSS:

Code de la page

<table class="ss-menu" border="0" cellspacing="0" cellpadding="0" align="center"> 
        <tr bgcolor="#003366"> 
          <td width="7"></td> 
          <td width="100%" align="center"> 
   <img src="im/puce2.gif" alt="Puce"><a href="index.php"> Accueil</a> 
   <img src="im/space.gif" alt="Espace" width="20" height="1"> 
   <img src="im/puce2.gif" alt="Puce"><a href="mailto:abmg@baseballmineurgranby.com"> Contact</a> 
          </td> 
          <td width="7"></td> 
        </tr> 
        <tr> 
          <td align="left" valign="top" width="7" height="8"> 
   <img style="vertical-align:top" src="im/arrondi.gif" alt="Arrondi" width="7" height="8"> 
    </td> 
          <td width="502" height="8"></td> 
          <td align="right" height="8" width="7"> 
      <img style="vertical-align:top" src="im/arrondid.gif" alt="Arrondi" width="7" height="8"> 
    </td> 
        </tr> 
      </table> 

Code du fichier css

/* Titre des sous-menus */ 
.ss-menu{font-family: "Cooper Black", Arial, Helvetica, sans-serif; font-size: 12pt; color: white; font-weight: normal} 

.ss-menu a:link{font-family: "Cooper Black", Arial, Helvetica, sans-serif; font-size: 12pt; color: white; font-weight: normal} 

.ss-menu a:visited{font-family: "Cooper Black", Arial, Helvetica, sans-serif; font-size: 12pt; color: white; font-weight: normal} 

.ss-menu a:hover{font-family: "Cooper Black", Arial, Helvetica, sans-serif; font-size: 12pt; color: yellow; font-weight: normal}