[Aetae]

Впринципе и это можно заставить работать, но не нужно.

Надо как-то так:

<style>
div a{
float:left;
display:block;
width:100%;
background-color:#ddd;
height:24px;
}
div a:hover{
background-color:#ccd;

}

.img{
display:block;
font-size:0;
background-color:transparent !important;
}

.img.note_img{
background-image:url(http://learn.javascript.ru/modules/play/images/export.png);
width:24px;
height:24px;
margin-left:-24px;
}
.img.letter_img{
background-image:url(http://learn.javascript.ru/modules/play/images/readme.png);
margin-left:-50px;
width:24px;
height:24px;
}

</style>

<div>
	<a href="#Babko">Alexandr Babko</a>
	<a href="#note" class="img note_img">Alexandr Babko note</a>
	<a href="#letter" class="img letter_img">Alexandr Babko letter</a>
	<a href="#Babko">Alexandr Babko</a>
	<a href="#note" class="img note_img">Alexandr Babko note</a>
	<a href="#letter" class="img letter_img">Alexandr Babko letter</a>
	<a href="#Babko">Alexandr Babko</a>
	<a href="#note" class="img note_img">Alexandr Babko note</a>
	<a href="#letter" class="img letter_img">Alexandr Babko letter</a>
</div>