I am at my wits end trying to figure this out. I have created a drop down menu with css and it isn't dropping down correctly. The site is http://www.slahshop.com and if you hover over products or recipes it drops down below the next menu not under the menu it should be under. Please Help!! =)
I've had a bit to drink so I'm not certain but try removing 'position: relative' It works fine in firefox but not IE
You're mixing floats and positioning in the same style rules which is a big no-no (they can't work together, it's either one or the other). Try using the Sons of Suckerfish menu instead (and reading the article since it explains it in detail). www.htmldog.com/articles/suckerfish/dropdowns/
You might like these: http://technotarget.com/free-css-menus-and-techniques/ http://www.13styles.com/ http://www.webmaster-toolkit.com/css-menu-generator.shtml