Ingrimmsch: Navigation :hover, :active, :visited

Beitrag lesen

Hi!

Ich habe folgendes Problem:

Ich möchte eine Navigationsleiste erstellen, bei der sich die Buttons ändern, wenn ich mit dem Mauszeiger drüberfahr (hover).

Außerdem soll der derzeit angeglickte Link eine andere Grafik haben.

Bis jetzt sieht es so aus(ein Button):

#Home {
 background-image:url('./pics/button-standard.jpg');
 background-repat:no-repeat;
 height:50px;
}

#Home:active {
 background-image:url('./pics/button-aktiv.jpg');
}

#Home:hover{
 background-image:url('./pics/button-mouseover.jpg');
}

Die hover-Funktion wird ohne probleme ausgeführt. jedoch wird die active Funktion nicht ausgeführt.

Wenn ich visited benutze ist das Problem, dass der Link visited bleibt, auch wenn ich einen anderen anwähle.

Wie muss ich hier vorgehen?