Positionierungsproblem bei hover

Hallo ich habe ein kleines Problem und zwar mit einem Menü wie diesem hier: http://testaccount34.te.funpic.de/Abc.html

Generell funktioniert es mit der Sliding Door Technik, was auch ohne Probleme funktioniert.
Den Menüpunkt setze ich Berührung um 10px nach unten.

Wenn man die Maus aber, nach dem Versetzen nach unten, über den kleinen (rechten) Teil bewegt, verschiebt sich der linke Teil schon wieder nach oben.

Ich möchte aber, dass sich beide nach unten verschobenen Bilder sich erst nach oben bewegen, wenn die Maus über keinem der Bilder ist.

Hoffentlich könnt ihr mir helfen.

Willkommen im Forum.

#menu li a span:hover hört in dem Fall auf zu wirken. Schreibe diese Regel so: #menu li a:hover span.

(Ich bin nicht sicher, ob das unter allen Umständen funktioniert. Aber ich wüsste jetzt auch nicht, wieso nicht.)

Danke so funktioniert es perfekt http://i102.photobucket.com/albums/m104/rmkeeley/smiley-thumbup13bf.gif