Problema con show en jqury

[elcocco]

Hola a todos estoy iniciando hora a programar en ajax i se me presento el seguiente porblema a ver si alguien me puede ayudar.

tengo una imagins que quiro que cuando me pasen encima el maus me enseñe el div pero el me lo esta cojiendo para todos los divs de esa clase. como puedo hacer que cada imagen me la coja separada?
ese es el jquery

Código:

<script type="text/javascript">
	$(document).ready(function(){
	//alert("ok");
		$('.principal img').hover(function(){
			$('.info').animate({bottom:'43px'},1000);
			
			},function(){
				$('.info').animate({bottom:'0px'},2000);
				});
		});
</script>
</script>

y ese el codigo html

Código:

 <div class="principal">
        <a href="">
            <img border="0" src="imgUser/<?php echo $rIndex['img']?>" width="180" height="120" alt="Disney" />
            <div class="info">
             	<h1><?php echo $rIndex['titulo']?></h1>
            </div>
        </a>
    </div>

porfavor ayudame

ATTT
EL COCCO