1) Script Title:
All Levels Navigational Menu (v3.0)
2) Script URL (on DD):
3) Describe problem:
I love this script, so first off a big thanks!
I came across two minor issues that I'm not sure really qualify as "bugs" since it would be fairly rare for them to show up.
1. If you zoom into the browser (i.e. everything is displayed at bigger than 100%), some sub menus with only one entry will not show the bottom border in the right spot, and the side borders will extend past the bottom border.
In your example site, zooming in will remove the right border.
Here is my example page:
If you zoom in in FF, you see the side borders extend down too far (see the CALENDAR menu), in Chrome the right border disappears.
2. If the browser window is small and the menu too wide, the "overflow: hidden" line will effectively make part of the menu inaccessible. What is the reason to hide the overflow here?
I thought I knew the reason to 1. - I have manually set the height of a few elements of the menu so I can display another part of my navigation directly below the menu, effectively touching it. But when I remove my height definitions, there are still issues with zooming, e.g. a slight empty space between the top menu and the sub menu, and the side borders extending.
I recently looked into the whole issue with screen pixels and css pixels (when zooming in), and I probably understand the basics now, but that doesn't mean I know how to implement that into my code...
Any thoughts on how to handle the zoom issue?