There are situations when the drop-down multilevel menu will go outside the visible area of the page. It is either too long or has two or three sub levels (I certainly don’t recommend more than that).
Such menu is highly unusable and there are two solutions:
Re-arrange the layout elements so that menu fits on the page in reasonable space
Apply the script that will reposition the menu
Oh my goodness, this is so good. Just when I wrote that child selectors are not possible in IE, Dean Edwards is proving me wrong. He is writing a behavior that will bring most of the wonderful CSS2 stuff (and even some CSS3) to rusty IE5+ on Win. And it’s available under Creative Commons licence.
Read all about it here, and behold the progress here. I’m so excited about this that I’m barely holding myself not to bug Dean about the progress and when he is expecting to finish. From my own experience I know that work is best done when not rushed.
Keep up the good work Dean.
li:hover, thus giving us more degrees of freedom for menu creation.
I have slightly changed the way CSS is built. All of them now depend on
li:hover. Peter’s behavior deals with IE’s lack of support, but only on windows. That means that ADxMenu 2 menus will not work in Mac IE, Opera 6 and any other browser that doesn’t fully support :hover pseudo-element.
Major improvement: this CSS finally solves the “phone-book” problem in IE/Win, and sub menus can be normally repositioned, not one over another.