Bütün cevaplara teşekkür ederim,
Bende şöyle bir kod yazdım, uzun ve derin araştırmalarım sayesinde;
css'de
.left{
position:relative;
display:block;
no-repeat;
}
.left img{display:none; color:#000;}
.left:hover{color:#999;} /* IE icin */
.left:hover img{display:block; position:relative; top:-120px; left:-150px; border: none;}html'de
<div class="left" id="text2">
  
<a href="http://siteadresi.com" target="_blank">
Blablabla
<span>
  »blablabla
</span>
</a>
<img src="http://siteadresi.com/ikonlar/b.png"/>
</div>
Fakat buradaki problem şudur, evet resimler istediğim yerde çıkıyor, fakat divin içindeki span'a gelincede çıkıyor böylece 2 farklı yerde raynı resim aynı zamanda çıkmıyor yazıya gelince çıkıyor sonra spana gelince tekrar yeni yerine geçiyor

)
işte bunu çözemedim?