CSS-Menü HILFE !!!!!

    Hallo !

    Ich bin neu im Bereich HTML/CSS und hätte da eine Frage, hoffentlich gibt es hier ein Paar Profs die mir helfen können.
    Ich möchte erreichen dass in meinem Menü die Hintergrundgrafik des Listenfelds sich beim Hover verändert. Bis jetzt war das ganze so definiert und lief auch:

    HTML:

    Code
    <ul id="menu">
[*][url='...']punkt 1[/url]
[*][url='...']punkt 1[/url]
[/list]

    CSS:

    Code
    #menu li { background-image:url(menu.gif); }
#menu li:hover { background-image:url(menuH.gif); }

    Jetzt wollte ich (sollte) für jeden Menüpunkt eine andere Grafik nehmen.
    Dazu habe ich dann menu1.gif - menu5.gif und die jeweiligen Hover-Grafiken erstellt. Doch wie binde ich die ein ?

    HTML:

    Code
    <ul id="menu">
[*][url='...']punkt 1[/url]
[*][url='...']punkt 1[/url]
[/list]

    Wie bekomme ich das jetzt in CSS hin ?
    Sobald ich die class anspreche macht er ja nur den Text mit der Grafik und nicht die darüberliegende li...