hi guys,

i have a jquery code.it is working only firefox.other browsers are not see the code.i search in web but nothing appears.
can anyone help me to solve this problem??

here is my code:
Code:
$(function() {

    var $el, leftPos, newWidth;
        $mainNav2 = $("#example-two");
    $mainNav2.append("<li id='magic-line-two'></li>");
    var $magicLineTwo = $("#magic-line-two");
	var top=parseInt($magicLineTwo.css("top"))
	var bottom=parseInt($magicLineTwo.css("bottom"))
	var totalHeight=top+bottom;
    $magicLineTwo
        .width($("#current_page_item_two").width())
        .height(totalHeight)
        .css("left", $("#current_page_item_two a").position().left)
        .data("origLeft", $magicLineTwo.position().left)
        .data("origWidth", $magicLineTwo.width())
        .data("origColor", $(".menuItem a").attr("rel"));
    $("#example-two li ").find("a").mousedown(function() {

        $el = $(this);
        leftPos = $el.position().left;
        newWidth = $el.parent().width();
        $magicLineTwo
						.css("visibility",'visible')
						.stop().animate({
            								left: leftPos,
            								width: newWidth,
											opacity:1
        },{duration:1000,easing:"swing"});
    }, function() {
        $magicLineTwo.stop().animate({
            left: $magicLineTwo.data("origLeft"),
            width: $magicLineTwo.data("origWidth")
        },{duration:1000,easing:"swing"});    
    });
    
});



you can see the test of my site at:
http://www.terranartworks.com/testsite/tsv1/index.html