jquery - Z-Index problems with IE6 and html <select> element

Question

I have a <div> that opens up on a jquery hover event (display goes from hidden to block).

Sometime it's opens up over some form elements. And of course it works fine in all browsers except IE6. <select> boxes bleed through as if there z-index is higher than the <div> tag. I've tried setting the <div> tag with a higher z-index, but it still gets ignored by IE6.

I'm hoping to implement any fix -- jquery or css, I really don't care at this point.

Any ideas?

Answer 1

You need the bgiframe plugin.