ho una gerarchia cosi strutturata


<div class="icona">[img]img.png[/img]<div class="testo">Testo</div></div>
<div class="icona">[img]img2.png[/img]<div class="testo">Testo2</div></div>


ora quello che vorrei fare al passaggio del mouse e allargare l'immagine e aumentare il fontsize

codice:
$( ".icona img" ).hover(function(){
$(this).stop().animate({'width':'100px','height':'100px','backgroundColor':'#DDDDDD'},function(){
$('.testo').animate({'fontSize':'20px'}); 
});
},function(){$(this).stop().animate({'width':'50px','height':'50px','backgroundColor':'#FFFFFF'}) 			 });

pero' mi aumenta il fontsize a tutti i div

come posso intercettare il div figlio solo dell'elemento selezionato?

tipo una cosa del genere
$(this '> .testo')