CSS Dropdown Menu Reference
Can anyone tell me why the CSS (rollover "Software Solutions") dropdown menu works here:
http://deltaassocc.web704.discountasp.net/temp/page-works.html
but not here:
http://deltaassocc.web704.discountasp.net/temp/page.html
It was driving me crazy! I am using Firefox 3.0.10. Please, help..
source to share
There is a tremendous amount of knowledge built into CSS menus to cover different browser versions and so on. My advice: don't do it yourself. Get it ready-made, such as suckerfish (or one of the many options).
Alternatively, you can use a Javascript based solution like superfish as suggested here.
Note: if you need to support IE6 then you will be using Javascript for that browser as it doesn't support the: hover pseudo-element on anything other than anchors.
source to share
Because you are losing focus on the parent. On the second, there are more items below, and as the dropdown continues, it goes under the content container - you move the mouse down and over the text content container, not over the menu container anymore.
Install the web developer toolbar and highlight the window elements, you will see this.
Google for jquery dropdown menu or other javascript-framework based solutions, they will work fine and cross browser unless you do it just for self learning.
source to share