JS causing infinite loop in Firefox

Question

A script on my page is causing an infinite loop in FireFox.

Here is the Javascript:

function expandMothersRings(new_height)
{
    window.scrollTo(0, 0);
    $('#mr-container').animate({
        height: new_height
    }, 100, function() {
        // Animation complete.
    });
}

This is being called via ExternalInterface from a Flex object:

var tiles_height:Number = 175+Math.ceil(MothersRingData.getInstance().styleArrayCollection.length/4)*175;
ExternalInterface.call("expandMothersRings", tiles_height + 300);

There is no issue in IE or Chrome. But for some reason the expandMothersRings function is infinitely looping in FF.

The flex object is not expecting any return value from Javascript. Also if I change the JS function to look like:

function expandMothersRings(new_height)
{
    alert(new_height);
}

Then it only executes once. So something in the function is causing it to loop in Firefox.

I do not know what?

Here is the page

Answer 1

I replaced

$('#mr-container').animate({
    height: new_height
}, 100, function() {
    // Animation complete.
});

with

$("#mr-container").height(new_height);

That fixed the issue.