$(document).ready(function ()
{
    var template = "<div class='menuExtend'></div>";
    var windowSize = $(window).width() - $(document).scrollLeft();
    var headBegin = $(".headerContainer").position().left;

    var browser = jQuery.uaMatch(navigator.userAgent).browser; //Detect the browers (not recommended but the problem is with webkit and not a specific version of chrome)

    var total = windowSize - (headBegin + 960);

    $("#realBody").prepend(template);
    $(".menuExtend").css({
        position: 'absolute',
        right: 0 + 'px',
        top: 70 + 'px',
        width: total
    });

    if (browser == "webkit")
    {
        $(".menuExtend").css({
            height: 28 + "px"
        });
    }
});