Hello here,
I am working on a nice drop down menu effect by using jQuery:

http://www.virtualsheetmusic.com/testWin.html


It works perfectly on Firefox and Safari, but on IE 8.0 on Windows it makes an ugly black shadow beyond the dropped menus at the beginning of rendering. Any idea? Is that something avoidable or is that one of the usual annoying "IE" bugs?

Here is the simple code I used for that effect:

PHP Code:
function mainmenu(){
jQuery(" #nav ul ").css({display"none"}); // Opera Fix
jQuery(" #nav li").hover(function(){
        
jQuery(this).find('ul:first').css({visibility"visible",display"none"}).show(200);
        },function(){
        
jQuery(this).find('ul:first').css({visibility"hidden"});
        });
}

 
 
 
jQuery(document).ready(function(){                    
    
mainmenu();
}); 

Any thoughts and/or suggestions are very welcome!

Thank you in advance.

Best,
Fab.