I have a drop down menu that works fine in FF and Chrome, but doesn't work well at all in IE8. The problem stems from the fact that there is a bottom border on the horizontal menu, and mousing over the border loses the hover quality in IE. So if you mouse over a first level menu item, a dropdown list with more options pops up, but if you try to lower your mouse to get those options, they disappear when your mouse hits the border (only in IE). Effect can be seen at www.ftrake.com (menu at the top). Any help is appreciated, thanks.
Abandon your current CSS and use this: http:// htmldog . com /articles/suckerfish/dropdowns/ You've overcomplicated things, using both absolute positioning and visibility and trying to stuff in z-index. As powerful as the spec may make it sound, 99% of the time it is not z-index.