jQuery Gooey Menu Problem

[kollege]

1) Script Title: jQuery Gooey Menu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/gooeymenu.htm

3) Describe problem:
I have been through every single thread here after i followed instructions on how to insert the code into my website.
After 6 hours of trying just about anything I know, I am at my wits end.

The script is installed at 2dollarwave.com/indexnew.php
I cannot make the gelbuttonmenu image show up on top of my body bg image at all.

Your help is very much appreciated
Tom

[jscheuer1]

That's not the body, it's the wrapper div. But either way I'm not sure how it's getting in front of the gel button.

That said, adding the highlighted to the gooeymenu.css file (near the beginning) will take care of it:

hr{
margin:50px 0;
color:#eee;
}

ul li.active{ /*IE6 hack- hide gooey effect from that browser*/
_visibility: hidden; /*IE6 rule*/
}

/* ######### Gel Menu CSS ######### */

ul.gelbuttonmenu{
position:relative;
padding: 0;
margin: 0;
margin-bottom:1em;
z-index: 1;
text-align: center; //set value to "left", "center", or "right"*/
}

ul.gelbutt

[kollege]

Hi J.....
simply awesome, it fixed the problem,
thank you so much!!

Cheers
Tom