Unterschiedliche Hintergrundgröße von Links in IE und FF

[Amazone]

Hallo,
ich denke das das Thema hier schon behandelt wurde aber ich finde leider keine Antwort dazu.
Nun zu meinem Problem:
Ich möchte mit CSS Links mit wechselnden Hintergrundfarben (Hovereffekt) erstellen.
Damit der Hintergrund eine gleiche Breite hat habe ich "width: 120px;" eingegeben.
Im Internet Explorer sieht es genau so aus wie ich es mir vorgestellt habe. In allen Links hat der Hintergrund die gleiche Breite.
Aber im Firefox ist der Hintergrund nur so breit wie die Schrift.

Das habe ich eingegeben:

a:link
 {font-family: Arial;
 color: #000000;
 background: #6F6FFF;
 width: 120px;
 padding: 10px:
 text-decoration: none;}
a:hover
 {font-family: Arial;
 color: #000000;
 background: #C4C4FF;
 width: 120px;
 padding: 10px:
 text-decoration: none;}

Vielleich hat jemand eine Lösung oder kann mir schreiben wo ich das Ganze nachlesen kann.

Vielen Dank für eure Mühe