submenu not lining up

[mcolton]

Script: jQuery Multi Level CSS Menu #2

on 1 of my sites, http://www.LOTAtennis.com
if you mouseover "tournament" and then mouseover
"Draw Sheets", you'll see the submenu not lining up.
I can't figure where in the css code to fix that.
Thanks for any help.

[TheJoshMan]

As far as I can tell, you can simply edit the file here: http://www.lotatennis.com/jqueryslidemenu.css


and find this on line 50:

.jqueryslidemenu ul li ul li ul {
top:0;
}

Now edit that to look like this:

.jqueryslidemenu ul li ul li ul {
left:312px !important;
top:0;
}

That did it on my end... The width of the original submenu is 300px, but somewhere you're gaining an extra 12px of width... (probably padding, but I didn't dig too deep into it)

So adjusting it's position left to 312px will clear the original submenu and display it directly to the right side of it.

[mcolton]

Only 1 problem. Now the other menu tabs are not working correctly.

[TheJoshMan]

Hmm, it doesn't appear that you've made any changes from what I can see...

It would be more help if we could see it first hand... BTW, are you viewing this in IE, FF, Opera, Safari, or Chrome?

[mcolton]

I changed it but when the other menu tabs didn't work, I changed it back, I'm using IE7

[TheJoshMan]

Could I convince you to add the change one more time so I can view it in the same browser as you are to see the results?

I was using Firefox 3.5 so my results I'm sure were different than what you saw...

[mcolton]

It seems to be working now. Thanks for your help