Is this possible?

[netfiends]

I'm doing tooltips with css which work fine *BUT* in IE6 select boxes are shown over the tooltips, even with z-index set. I'm using links for the initial tooltip with a span inside of it for the tooltip info. My question is: Is there a way to have my tooltip rule change a class that is neither a child nor a sibling? i.e. a:tooltip:hover rule_to_change{}?

[Alternative Future]

Hi netfriends,

This is a known problem with IE, here is a post on the matter - [webmasterworld.com...]

HTH,

-Gs

[netfiends]

Alt,

I was trying to avoid using the iframe method. Right now I have the links with an onmouseover and mouseout event which sets the select box class visibility to hidden which works in ie6,7, and ff2.0 but I was wondering if there's an easier css method.

-Matt

[Alternative Future]

netfriends,

The select control is a windowed control/element (controlled by the browser and OS) other more manageable controls are windowless.

Windowed controls have an infinite z-index, that prevents them being hidden.

I am still quite sure that this is still the case and nothing can be done with CSS. I am sure if I am wrong someone will point this out.

-Gs

[netfiends]

Alt,

I know the select boxes have infinite z-indexs however they are able to be hidden via visibility:hidden;. I can only confirm this in ie6,7, and ff2 but it does work but is a pain as I have to code mouseover's and outs on the links that I want to hide the select boxes thus why I was wondering if there was a way to do: a:tooltip:hover .tooltip_hide{visibility:hidden;} without .tooltip_hide being a sibling or child of .tooltip.