function initMenu() {

    $('ul.mainnav li').hover(
        function() {
            
            /*This does not work in IE9 for Windows 7
             *
             *var containerRight = $('div#container').position().left + $('div#container').width();
             *var leftPos = $(this).position().left;
             *var menuWidth = $(this).children('div').outerWidth();
             */
            var containerWidth = parseInt($('div#container').css('width'));
            var containerRight = (containerWidth / 2) + ($(document).width() / 2);
            var leftPos = $(this).position().left;
            var menuWidth = $(this).children('div').outerWidth();
            
            if (leftPos + menuWidth < containerRight) {
                $(this).children('div').css({"left": (leftPos) + "px"}).slideDown(100);
            } else {
                $(this).children('div').css({"left": (containerRight - menuWidth) + "px"}).slideDown(100);
            }
        },
        function() {
            $(this).children('div').hide();
        }
    )

}