Hi Guys/Girls.

Pfff i'm having a bit of a problem and can't find a good solution for it! My jquery menu script effects all above ul.mainmenu  in internet explorer. In firefox and safari it works perfect! So if you do a mouse over on the last menu 'info' all the orthers menu items will go up!

You can find the site over here and see the problem, ie only: http://www.skydive.uproductions.nl/

Can someone make my day!?

thnks in advance

           

            
$(document).ready(function() {
            
 $("li.top").hover(function() {
            
 $("ul.mainmenu").css({'z-index' : '10'})
            
 var $this = $(this),
            
 offset = ($this.find('li').length * -20);
            
 $this.stop().animate({ marginTop: offset }, 350 );
            
 
            
 },function(){
            
 
            
 $(this).stop().animate({ marginTop: '0px'}, 150 );
            
 $("ul.mainmenu").css({'z-index' : '0'},350)
            
 
            
 });
           

});