Pequeño problema con .mouseover y el tag <a> Jquery

Hola amigos!

Bueno, el problema es q tengo un menú q al hacer .mouseover se despliega y dentro de él hay unos links con <a> y vuelve a su estado normal con .mouseout, el efecto funciona muy bien sin los links, pero al colocarlos el efcto se vuelve loco y empieza a salir y a meterse sin control, código:

<script>

$("#apDiv2").mouseover(function(){
$("#apDiv2").animate({"left": "+=480px"}, "slow");
});

$("#apDiv2").mouseout(function(){
$("#apDiv2").animate({"left": "-=480px"}, "normal");
});

</script>

Ayuda porfavor!!

(Ahh soy diseñador y bastante nuevo nuevo con el tema de jquery ) Gracias

SOLUCIONADO

$("#apDiv2").hover(
function(e)
{
$("#apDiv2").animate({"left": "+=480px"}, "slow");
},
function(e)
{
$("#apDiv2").animate({"left": "-=480px"}, "normal");
}
);