Browser compatibility in jQuery
<p>I have created a small webpage, where I would like to animate content using jQuery during navigation. It's working perfectly in Internet Explorer. If I use Firefox it's not working properly. </p>

<p>My code is as follows</p>

<pre><code>$("#maincontent").animate({"top":"450px"},800, function(){
    $("#maincontent").html($("#"+Lidentity).html())
        .animate({"top":"-10px"},600)
        .animate({"top":"10px"},100)
        .animate({"top":"-5px"},100)
        .animate({"top":"5px"},100)
        .animate({"top":"0px"},100);
});
</code></pre>

<p>I have set the <code>#maincontent</code> element position as absolute. </p>
