Everyone Deletes Tom

The web is full of drop menus and I’ve lately been asked to do plenty of PSD to HTML cut ups that involved them so I’ve become friends with Son of a Suckerfish. A nice neat way to create drop navigation with CSS and very little Javascript. (damn you IE!) Most recently I encountered a problem with the drop menus falling behind form elements in IE. Normal techniques like shifting the z-index don’t work because of the way IE handles anything that falls with in a select tag. After a little web search I found several fixes that worked well, but used entirely different css to the what I had in place. Notably making the drop menus visible by using left:-9999px tricks and a like – while I already had mine working perfectly using the display:none; property.

So! I eventually found this fantastic link – which enabled me to apply a bug fix step by step to existing code rather than starting from scratch as with the other fixes I found.

Highly Recommended: Suckerfish Dropdowns, Selects, and Internet Explorer