Problema di visualizzazione CSS di mozzilla

Ciao a tutti, non riesco a far girare animazioni o anche colore delle scrollbar su mozzilla:

Ecco alcuni miei esempi di codice:

Codice HTML:

---


::-webkit-scrollbar-thumb { background:#222; }
::-webkit-scrollbar { width:4px;}
::-moz-scrollbar-thumb { background:#222; }
::-moz-scrollbar { width:4px;}
::scrollbar-thumb { background:#222; }
::scrollbar { width:4px;}
 
.animate {
 
      -moz-animation-duration: 1s;
      -webkit-animation-duration: 1s;
      -moz-animation-name: messageAppared;
      -webkit-animation-name: messageAppared;
      -moz-animation-iteration-count: 1;
      -webkit-animation-iteration-count: 1;
  }
 
  @keyframes messageAppared{
        0% { transform: scale(0); }
        30% { transform: scale(0.5); }
        40% { transform: scale(1.20); }
        50% { transform: scale(1); }
        60% { transform: scale(1); }
        70% { transform: scale(1.05); }
        80% { transform: scale(1); }
        100% { transform: scale(1); }
  }
 
  @-moz-keyframes messageAppared{
        0% { transform: scale(0); }
        30% { transform: scale(0.5); }
        40% { transform: scale(1.20); }
        50% { transform: scale(1); }
        60% { transform: scale(1); }
        70% { transform: scale(1.05); }
        80% { transform: scale(1); }
        100% { transform: scale(1); }
  }*
  @-webkit-keyframes messageAppared{
        0% { transform: scale(0); }
        30% { transform: scale(0.5); }
        40% { transform: scale(1.20); }
        50% { transform: scale(1); }
        60% { transform: scale(1); }
        70% { transform: scale(1.05); }
        80% { transform: scale(1); }
        100% { transform: scale(1); }
  }

---

Sopratutto l'effetto che voglio vedere è quello per visualizzare il messaggio nuovo che si carica, per tanto vi dò l'url che potete utilizzare per testare il sito dato che è un prototipo di chat:

http://sneh.altervista.org/test?n=Sneh&s=0&ny=Bot