einfaches "Aufklapp-Menü" erstellen?

[xHTML]

einfaches "Aufklapp-Menü" mit Bildern als Menüpunkten erstellen?

Hallo alle zusammen
Ich habe bis jetzt nur das Menü hinbekommen aber weiss nun nicht genau wie ich als Menüpunkte Bilder einbinden kann!?

li { list-style: none; }

li>ul { display: none; }

li:hover>ul { display: block; }

Über einfache Hilfestellungen würde ich mich sehr freuen:|

 

[Loon3y]

Endweder direkt im html

<ul>
 <li><a href="#"><img src="deinbild.jpg" width="" height="" alt=""></a></li>
 ........
</ul>

-----------------------------------------------
oder als background im css:

li.punkt1 { width: 5em; height:2em; background-image: url("deinbild1.jpg;"); }

li.punkt2 { width: 5em; height:2em; background-image: url("deinbild2.jpg;"); }

........

und im html eingebunden:

<ul>
  <li class="punkt1"><a href="#"></a></li>
  <li class="punkt2"><a href="#"></a></li>
...
</ul>

Gruß
Loon3y

 

[xHTML]

Dank deiner Hilfestellung konnte ich es rasch umsetzen, ich danke dir
Jetzt sind die Menüspunkte zwar noch leicht versetzt, aber dieses Problem läßt sich hoffentlich auch bald beheben:idea: