Lilly: Problem mit Gif Animation

Beitrag lesen

Hi, ich habe eine kleine Animation für mein Menü erstellt, bei der ein Pfeil von links nach rechts eingeblendet wird.

Mit CSS habe ich den Pfeil dann eingefügt:
#nav a:hover{
background:#FFF url("../images/arrow-2.gif");
background-repeat:no-repeat;
background-position:left center;
color:#a0000b;
}

Das funktioniert auch super. Nun habe ich jedoch ein Problem. Ich habe bei der Animation eingestellt, das sie nur einmal läuft. Der Pfeil soll ja nur einmal beim :hover reingefahren kommen.

Bei dem ersten mal funktioniert das auch super.

Wenn ich jedoch auf einen Menüpunkt klicke, die Pfeilanimation also einmal lief und dann nochmal auf einen Menüpunkt fahre, dann passiert gar nichts...

Meine Frage ist nun wie ich es hinbekomme, dass die Pfeilanimation jedes mal wenn man über einen Menüpunkt fährt einmal abspielt.

Ich hoffe sehr, das mir jemand helfen kann.
Vielen Dank