jquery menu, dissapears when hovering over

[youradds]

Hi guys,

I'm at a bit of a loss as to what I can do here :/

http://www.cancunandrivieramaya.com/new/

Just above "Welcome to CancunAndRivieraMaya" , you will see a black menu.

This is from this site:

http://www.kriesi.at/archives/create-a-multilevel-dropdown-menu-with-css-and-improve-it-via-jquery

For some reason, when you hover over "Javascript > JQuery" , it works - but when you try and goto the 2nd menu option on that sub-menu, it just dissapears :/

The code is a direct copy from his tutorial, so I can work out what on earth is going on :/

I've even tried using jQuery() incase it was an issue with a "clash" of some other JQuery stuff I'm doing already on that page.

Any suggestions?

TIA!

 

[feherke]

Hi

That is because the menu is below the content.

[purple]#nav[/purple][teal],[/teal] [purple]#nav[/purple] ul[teal]{[/teal]
[blue]margin:[/blue][green]0[/green];
[blue]padding:[/blue][green]0[/green];
[blue]list-style-type:[/blue][green]none[/green];
[blue]list-style-position:[/blue][green]outside[/green];
[blue]position:[/blue][green]relative[/green];
[blue]line-height:[/blue][green]1.5em[/green]; 
[highlight][blue]z-index:[/blue] [green]1000[/green];[/highlight]
[teal]}[/teal]

Feherke.

http://rootshell.be/~feherke/

 

[youradds]

Ah ok - thanks = )