[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ę ;/

[Szymciosek]

HTML:

Kod

<div>
    <a href="#"></a>
</div>​

CSS

Kod

div a {
    width:  50px;
    height: 50px;
    display: block;
    background-image: url('path_to_image1');
}

div a:hover {
    background-image: url('path_to_image2');
}

Do reszty wierzę, że dojdziesz sam (IMG:style_emoticons/default/smile.gif)

[jepek]

@dollares123 poczytaj o CSS Sprite