I have an issue with my menu on a Joomla site:
When you hover over the menu item the sub menu is displayed, but if you scroll down (sometimes slowly) the sub menu disappears.
I'm using the latest Gantry framework.
Any ideas on why and how to fix it?
li and sub ul not contiguous
There is a physical separation between the upper level li and its sub ul. This is likely an artifact of absolute positioning. As a test, I gave the sub ul a top-margin of -10px, which fixed the issue. Needing negative margins to fix a problem is a symptom of something else being wrong in the first place. Look at the top value of the sub ul when displayed.
On a side note, the lack of :focus values greatly hampers keyboard navigation. By hampers, I mean makes not doable.