classes und ids in Verbindung mit Pseudoklassen (hover)

[Remo]

Hallo,

Ich habe eine kleine Seite erstellt, die ein externes CSS stylesheet einbindet. Die Elemente, welche ich mit CSS formatieren wollte, referenzierten dieses ursprünglich über id-tags.
Das sah dann z.B. so aus:

#nav_item{
    font-size: 12px;
    color: #006699;
    background-color: transparent;
    margin-top: 5px;
    margin-bottom: 5px;
}
#nav_item:hover{
    color: black;
    background-color: #999966;
}

Es gab also mehrere Elemente, die in der id den Wert "nav_item" hatten. Dann habe ich herausgefunden, dass id's eindeutig sein sollten, und habe daher dass keyword class verwendet. D.h. ich hab auch das stylesheet angepasst, nämlich so:

.nav_item{
    font-size: 12px;
    color: #006699;
    background-color: transparent;
    margin-top: 5px;
    margin-bottom: 5px;

}
.nav_item:hover{
    color: black;
    background-color: #999966;
}

Nun hats da wohl einen gröberen Fehler drin, das "hovern" funktioniert nämlich nicht mehr... wie muss ich .nav_item mit Hovereffekt neu definieren?

Besten Dank,
Remo