$(document).ready(function () {
    $("#nav > ul > li").mouseover(function () {
        var parent_width = $(this).find(".parent").width();
        var child_width = $(this).find("li").width();
        var width = parseInt((child_width - parent_width) / 2);
        $(this).find("ul").css('left', -width);
    });
});