Absolute positioning error in IE6 with dropdown list

Question

I have a div, that I'm using JavaScript to position, so that when someone hovers over an image, it displays a tooltip message that follows along with the pointer. (Using tooltip-0.2.js )

The problem is that when a user goes to the page in IE6, a disabled dropdown box on the page is showing through this absolutely positioned tooltip when it tries to hover over it. How can I get this dropdownlist to know its proper place? ;)

Answer 1

You can put an iframe element behind your layer to block such things from showing through. It will also block Flash objects from showing through. It's messy, but works.

Answer 2

You better use another tooltip lib.

The "shining-through" effect is well known and other tooltips work around it.

I can't name a specific other tooltip lib.