[HTML]Efekt hover na elemencie IMG Opcje

[dollares123]

Witam mam problem. Muszę zrobić efekt aby po najechaniu na obrazek (img) na nim pojawiał się kolejny obrazek przyciemnienie z napisem. Nie mam pomysłu jak to zrobić

zrobiłem coś takiego

[HTML] pobierz, plaintext 
#information-bottom ul li a img:hover {
	background: url(../images/przyc.png) no-repeat;
	width: 230px;
	height: 143px;
 
}
[HTML] pobierz, plaintext 

i w indexie mam

[HTML] pobierz, plaintext 
<div id="information-bottom">
<ul>
 <li><a href="images/img.png" rel="shadowbox[top]"><img src="images/img.png" alt="x" /></a></li>
</ul>
</div>
[HTML] pobierz, plaintext 

Mógłby mi ktoś powiedzieć jak to zrobić bo kombinuje i nic wykombinować nie mogę ;/

[jepek]

@dollares123 poczytaj o CSS Sprite