current_page_item confusion

Hallo Forum,
ich habe das Problem, dass ich den Wald vor lauter Bäumen nicht mehr sehen kann...

Ich habe ein offenes Menü mit Untermenü und möchte, dass der aktive Link farbig anders hinterlegt ist.
Etwa so:
Seite 1
[COLOR=#ff0000]Seite 2[/COLOR]
Seite 3
---Seite 4

Hierfür verwende ich folgendes css:

#secondary a{
    display: block;
    color: #333;
    width: 220px;
    text-decoration: none;
    border-bottom: 1px solid #CCC;
}


#secondary a:hover{
    background-color: #999;
    color: #FFF;
}
#secondary a:active{
    background-color: #F00;
}
#secondary .current_page_item a{
    background-color: #F00;
}
/*-----Sub-Menü---*/
#secondary li li a{
    display: block;
    color: #333;
    width: 220px;
    text-decoration: none;
    border-bottom: 1px solid #CCC;
    font-weight: normal;
    text-indent: 10px;
}

Klicke ich nun auf Seite 1 und 2 ist alles ok. Aber wenn ich Seite 3 anklicke, wird auch die Seite 4 farbig hinterlegt.
Klicke ich hingegen auf Seite 4 ist nur diese andersfarbig.

Was ich gerne verhindern möchte ist, dass bei aktiver Seite 3 auch Seite 4 als aktiv angezeigt wird.
Gibt es da eine Lösung?

Danke für die Antwort, aber die Seite ist lokal auf xampp.
Kann ich irgendwas mit firebug auslesen, was dir weiterhilft?

Ohhh, heiliges Forum!!!

#secondary .current_page_item>a war tatsächlich die Lösung!!! Super, Danke!!!

Und jetzt hätte ich aber gerne noch die Erklärung dazu.

Ich habe mir schon die Finger wundgegoogelt, aber keine einleuchtende Erklärung gefunden,
wie ich die dreieckige Klammer im CSS verwenden kann.

Vielen Dank!
Wieder einen Schritt weiter....

Wieviele Damen haben das Angebot eigentlich schon angenommen???