IE6 z-index problem.

[jlizarraga]

Hi all.

This page looks fine in FF and Safari, but in IE6 there is a slight z-index problem:

http://autofusion.com/development/mm3/

In the "Search Filters" area, hover your mouse over the Min Price button. In FF or Safari, the tooltip (which has a z-index of 10) that appears shows on top of the adjacent Max Price button. In IE6, the Max Price button covers part of the tooltip.

According to the IE6 developer toolbar, both the tooltip div and the Max Price button have Layout, the tooltip has a z-index of 10, and the Max Price button has a z-index of 5. Yet the Max Price button shows up higher in the stack for this browser.

Is there anything that I'm missing here? Thanks a ton for any help.

P.S. - All the markup and css is valid, except for the iepngfix.htc filter being applied through an ie6-only stylesheet.

BTW, at time of writing only the Min and Max Price buttons are set up to use the tooltips, and the other "Search Filter" buttons have different CSS. Because of this, and because I'm about to continue adding more tooltips, the right-most tooltip-enabled "Search Filter" button's tooltip should appear correctly in IE6 (as in, on top of everything else), but any to the left of it should show the issue.

[jlizarraga]

In the end, I had to use Javascript to get around this issue.

[magicyte]

Howja fix it?

-magicyte