$(function(){

    var $el, leftPos, newWidth,
        $mainNav = $("#menu");
    
    $mainNav.append("<li id='slidebox'></li>");
    
    var $slideBox = $("#slidebox");
    
    $slideBox
        .css("left", $(".active a").position().left)
        .css("top", $(".active a").position().top)
        .data("origLeft", $(".active a").position().left);
                
    $("#menu li").find("a").hover(function() {
        $el = $(this);
        leftPos = $el.position().left;
        $slideBox.stop().animate({
            left: leftPos
        })
    }, function() {
        $slideBox.stop().animate({
            left: $slideBox.data("origLeft")
        });    
    });
});