Ação em div's com mesmo "id", tem como separar? jquery.

Olá galera, minha DUVIDA é se tem como fazer que um efeito especifico aconteça somente na div onde o mouse está, não em todas pois, criei um loop com o banco de dados e gostaria que o icone de lixeira aparecesse somente na imagem em questão. O caso é que o codigo (simples ) que criei afeta todas as imagens pois todas recebem o mesmo 'id'. Não sou programador em java script e sei muito pouco de jquery.... poderiam me dar uma luz.?

olha o que eu fiz:

<?php
//este codigo esta em loop trazendo informações do banco de dados
echo'

 <div class="contain_box_data" id="contain_box_data">
 <div class="cont_button">
 <a class="tt_agen">'.$tt_agen.'</a>
 <a href="#" id="sett" >
 <img src="../public/image/ico/ico_20.png" align="right"/>
 </a>
 </div><!--cont_button-->
 <div class="cont_data">
 <a id="img_agen" href="box_controll/public/view/include/customer_art_agen.php?act=alt&id='.$id_agen.'">
 <img src="../public/image/'.$pasta6.'/'.$img_agen.'"/></a>
 <a class="data_img">'.$dt.'</a>
 </div><!--cont_data-->
 </div><!--contain_box_data-->
 ';

	}// abaixo o codigo Jquery que faz aparecer o icone da lixeira.
	?>

<script type="text/javascript">
$(document).ready(function(){

	$( "a#sett" ).fadeOut( "slow", "linear" );
 $( "a#img_agen>img" ).hover(function() {
 $("a#sett" ).fadeToggle( "slow", "linear" );
 });

})
</script>