Hi guys,

I'm going crazy! I can't figure out how to set up my menu correct. Yes it works correct on firefox etc etc. but as you can guess ( i love my mac)  internet explorer had a fault. When you go over the ul.top all menu will go up, except the menu's after the ul.top in my html.

i tried to number all ul.top like ul.top1 ul.top2 etc etc but it will still not work!

I think i do something wrong at line 4 $this.

www.uproductions.nl

1. $(document).ready(function() {
2.         $(".top").hover(function() {
3.            $("ul > li").css({'z-index' : '10'})
4.            var $this = $(this),
5.             offset = ($this.find('li').length * -20);
6.            $this.stop().animate({ marginTop: offset }, 350 );
7.          
8.     },function(){
9.        
10.            $("li.top").stop().animate({ marginTop: '0px'}, 150 );
11.            $("ul > li").css({'z-index' : '0'},350)
12.           
13.     });
14. });

Is there anyone how can solve my problem

I am really thankful!

The stone