mehrere Rollover Bilder mit CSS

[Steffanie]

Hallo,

ich möchte eine Navigation mit mehreren Rollover Bildern machen. Habe dazu hier auch schon folgenden Code gefunden

a       { display:block;
             background-image:url(button.gif);
             width:120px; height:30px }
   a:hover { background-image:url(button_on.gif); }

und:

<a href="#">&nbsp;</a>

Das glabt auch ganz gut, nur brauche ich verschiedene Bilder.
Also ich habe die Bilder "menu_1.jpg", "menu_2.jpg", "menu_3.jpg" und wenn ich über Bild 1 fahre soll "menu_1a.jpg" erscheinen, bei Bild 2 "menu_2a.jpg" usw. Und das eben ohne Javascript, sondern mit CSS.

Kann mir jemand helfen? Danke!
Gruß Steffi