proměnná funkce ul a li

Vytvořil jsem menu pomoci funkce ul a li, v ccs stylech jsem vypl zobrazeni puntiku funktci "display: inline;".
Teď k tomu hlavnímu, když najedu na některou část menu, podbarví se mi některé z nich např. kategorie 1. Dá se však nastavit, aby když najedu na např. na kategoii 2 nebo 3, aby se bokem zobrazil např. obr. 2 nebo 3 (na tom stejném místě) ?
<ul>
<li>kategorie 1</li>
<li>kategorie 2</li>
<li>kategorie #</li>
</ul>
"proměnný obrázek 1,2 nebo 3"

Diky za pomoc
Ano
<HTML>Souhlasím se zbi. Otázkou zůstává, zda ten dotaz byl skutečně tak míněn. Budu trochu kreativní a přeformuluji jej:

<em><strong>Jak</strong> se dá se nastavit, aby když najedu na např. na kategoii 2 nebo 3, aby se bokem zobrazil např. obr. 2 nebo 3 (na tom stejném místě) ?</em>


Nebudu psát konkrétní postup, jen takový nástin. V tagu li budeš mít nějaký tag s obrázkem. Pak se na něj obecně v css odkážeš a upravíš ho tak, aby byl neviditelný:

li img { ...

Potom využiješ kaskádovosti stylů a pseudotentononcu :hover a nastavíš zviditelnění obrázku při najetí myši:

li:hover img { ...

Druhá možnost je použít obrázek jako pozadí tagu li, no postup bude víceméně podobný.</HTML>
pro inspiraci: http://css.interval.cz/priklady/priklad-112-1.htm