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:
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.