Vertikalsprung mit "Hover und width: 2"

[hajo]

Hallo,

versuche eine Navigationsleiste mit css zu erstellen. Hier das Css-Script:
.navi {margin: 10px; color: #ffff00; text-decoration: none; font-size: 12pt;}
A.navi:hover {text-decoration: none; color: #ffff00; border-style: solid; border-width: 1px; border-color: #ffffff; background-color: #999999; width: 130px; }
Wenn ich nun mit der Maus über den Link fahre, geht alles wie erwünscht. Nur mit einem Problem:
Der Link mit Rahmen und Hintergrund springt bei hover um ca. 10px nach unten.
Ich habe jetzt schon Stunden mit der Fehlersuche verbracht. Was mach ich falsch???

Mit dem Tipp von Andreas war ich auch nicht erfolgreich:
---------------------
Probier mal folgendes:
Ergänze .navi um border:1px  solid #123456;
wobei Du für #123456 die Farbe des Hintergrundes einsetzt.

Andreas
---------------------
Gruß Hajo