Hi
First of all I think this extension is great.
I am currently working on a site testing.bettondesign.co.uk/bluekeld (this is work in progress).
The main menu has a total height of 40px but the submenu (eg: ul li ul) has a top position of 41px therefore there is a 1px gap between the main menu and the submenu. This can be seen when hovering over 'Products'.
I presume this is a javascript issue as the css code for the submenu positioning is placed in the actual page rather than in a seperate css file.
Do you know of anyway to fix this? I have tried overriding the css with but this seems to break the slide on the submenu.
Cheers.

Hello,

Try to use the next CSS rule:



Regards,
ARI Soft

Hi

I have tried that but the 1px gap remains when the submenu is sliding out and then disappears when it has finished sliding which looks a little strange.

Use the next CSS rules:



Regards,
ARI Soft

Thank you.
I have modified your css slightly but it is the same basic principle. Thanks for pointing me in the right direction

I'm having a very similar problem with a 1px gap.

My site is here:

www.andreaduncan.co.uk

There's a 1px gap I can't get rid of between my top level menu and my sub-level one.

This means that if I move the mouse down and touch the gap, my sub-level disappears.

It's annoying me more than my client, and I have tried to fix it but with no luck.

A bit of help would be great.

Thanks