Drop Down Menu with cufon

[whyyi]

Hi,

I've got a jquery based drop down menu but have cufon installed and can't get the drop down menu to go over the cufon font (the drop down menu just appears behind text). It works just fine in firefox but not IE. I've tried z-index and everything nothing seems to work.

<snipped url>

Any help is greatly appreciated. Thanks,

[edited by: whoisgregg at 7:58 pm (utc) on Dec. 14, 2009]
[edit reason] Whoops, no URLs please. See TOS [webmasterworld.com] :) [/edit]

[whoisgregg]

I'm not familiar with cufon, but font replacement scripts sometimes use Flash which causes z-index nightmares. You might try checking the cufon FAQ/forum to see if this is a known issue.

Also, sometimes for z-index problems, you have to set the z-index on an ancestor element to get it to play nice with IE. (So, instead of placing it on ul#menu, place it on the div#nav that wraps ul#menu (or however your code is setup).