I'm hoping someone can help me with a strange css problem I'm having. I've implemented the sons of suckerfish dropdowns for a menu, and it looks great in firefox and safari for windows and mac, but IE 6 and 7 show the drop down menus to be shifted to the right what appears to be exactly halfway for the menu item. site is here: sdesigninc.com/kfa_dental Any suggestions? Thanks very much.
Well, try adding position:relative to your LI... that way it's position:absolute is based off the LI. Of course I would axe suckerfish, write the thing as a flat pure CSS menu, then use csshover2.htc to make :hover and :focuse work... and I'd also tack on :active and :focus states to your rollovers so keyboard navigators aren't left in the dark.
thanks, i will consider doing it differently.. do you have any examples I could look at? I'm down to a singular problem in ie6 after that fix: the menu items seem to grow to the size+ of the dropdowns on hover/mouseover - screwing up appearance and the rest of the navbar. when the focus is back off, the menu item returns to correct size and the bumped off menu item returns to the nav bar. Much thanks!