Infatti il formato non c'entra. Certo che ho modificato il css, l'ho fatto per le mie esigenze...e l'immagine l'ho creata io. Adesso vedo nella console degli errori di Firefox:
-"errore nell'interpretazione del valore della proprietà background"
-"errore nell'interpretazione del valore della proprietà 'max-width"
-"era atteso un colore invece si è trovato <numero esadecimale> "Errore nell'interpretazione del valore della proprietà color"
Ma come era atteso...

non posso scegliermi i miei colori ma quelli che si aspetta Firefox?

Sono un pò confuso, aiutatemi a capire.

Come posso modificare il css in modo da farlo "digerire" a Firefox?