Navigationsleiste, mouseover besser definieren, wie?

Hallö!
Ich mache gerade ein Praktikum in einer Webdesgin-Agentur und bin ein echter Anfänger was HTML&CO betrifft :stuck_out_tongue: Da ich später die Ausbildung dort beginnen möchte, soll ich im Laufe des Praktikums eine Homepage erstellen die neben meiner schriftl. bewerbung beim chef vorgelegt wird.
Also mein Problem: Ich habe mir in nem div ne Navigationsleiste als horizontale ul/li angelegt. Für die jeweiligen Punkte habe ich in meiner ausgelagerten css folgendes festgelegt:

a:hover {
    color:#FFFFFF;
    font-size: 18px;
}

a:visited {
    color:#FFFFFF;
    text-decoration: none;
}
.sts {
    font-family: Arial;
    word-spacing: 30px;

und auf der angezeigten seite dann eben noch:

.sts1 {
    font-family: Arial;
    font-weight: bold;
    font-size: 20px;

Und bei jedem mouseover ist es halt so, dass sich die restlichen menüpunkte auch verschieben… und das sieht einfach beknackt aus…
was sollte ich ändern?

mfg bb

Doppelpost von hier: → http://www.html.de/html-und-xhtml/35172-navigationsleiste-mouseover-besser-definieren-wie.html