Chcę aby odsyłacz obrazkowy po najechaniu myszką zmienił się na inny obrazek

tak jak w temacie

HTML:
<li><a id="img" href="index.html"></a></li>

CSS:

ul, ul li {display:inline; list-style:none; margin-top:1px; padding:0; width:30%; height:100%}
ul a:link, ul a:visited { text-decoration:none;}
#img {background-image: url(obrazy/KIEROWNIK.png) no-repeat; display: inline-block; width:100%; height:100%;}
#img:hover {background-image: url(obrazy/KIEROWNIKjasny.png) no-repeat;} 

średników nie ma po

url(obrazy/KIEROWNIK.png)

ogólnie działa, więc może doprecyzuj o co chodzi.

faktycznie błędem był brak średników... po prostu śmiech na sali ale dzięki ;)

nie tyle brak średników, co no-repeat nie może wejść w background-image, od tego jest background-repeat