[jQuery] Strange unwanted delay problem

[Trond Ulseth]

Hello all,

I have several div's which are animated on mouseover:

$('.pan').mouseover(function() {
        $(this).animate( { marginLeft:"-182px" }, 1000);
});

I then have another div laying behind the animated ones that on a
mouseover reverts the animation:

$('##pancontainer').mouseover(function() {
        $('#pan1').animate( { marginLeft:"0px" }, 200);
        $('#pan2').animate( { marginLeft:"0px" }, 200);
        $('#pan3').animate( { marginLeft:"0px" }, 200);
        $('#pan4').animate( { marginLeft:"0px" }, 200);
        $('#pan5').animate( { marginLeft:"0px" }, 200);
        $('#pan6').animate( { marginLeft:"0px" }, 200);
});

So far so good - it works like a charm.

Then inside the animated divs I put several links. Now if I hover over
one or more of the links inside the div before taking the mouse of -
the function which reverts the animation is several seconds delayed.
If i just mouseover the div without hovering the link it works like it
should.

This is driving me mad, as I can't understand why it behaves like
this. I don't have any other jquery or js scripts other than the ones
above.

You can have a look yourselves at http://intern.idl.no:65241

If anyone could help me solve this I'd appreciate it very much.