$(document).ready(function(){
        
        var $kasten = $('#header-box');
        var $header = $('#header-inner-box');
        var ie = false;
        
        if ($.browser.msie && $.browser.version != 9) {
            ie = true;
        }
        
        fadeHeader(ie);
        
        function fadeHeader(ie) {
            
            if (!ie) {
                $kasten.css('opacity', 1);
                $header.css('opacity', 1);
            }
            
            // To fix IE8/IE7 Bug, try to set `filter` to null...
            // working with jQuery <= 1.6.1
            // fadeTo with opacity isn't working in IE <9, still no workaround available
            
            $header.hover(
                function(event) {
                    $kasten.stop(true, false).animate({
                        'opacity': 0
                    }, 650);
                }, function(event) {
                    $kasten.stop(true, false).animate({
                        'opacity': 1
                    }, 650);
                }
            );
            
        }
        
});