IE 7 ToolTip behind other Divs

[Russ]

I have an absolutly positioned div that I dynamically load other relativly positioned divs into it. Each of these divs have a ToolTip on them. When the ToolTip comes up it does fine on overlaying the divs that are next to it, but has a problem with things that are below it on the page. In FF I don't have this problem within the same absolutly positioned div, but I do have the same problem if I have another absolutly positioned div and the ToolTip tries to come up over my other divs.

I have tried setting the z-index on the ToolTip to 1000 and the other divs to 1, but still no help.

And I do know that IE does have some problems with layering divs, but if you have any ideas I would really apreciate the suggestions.
Thanks,
Russ

[Tsvetie]

Hello Russ,
I suppose you have a setup similar to the following:

<div id="mainDiv1" style="width: 100px; height: 100px; background-color: Red; position: absolute;
    top: 300px; left: 300px;">
    <div id="div1" style="width: 20px; height: 20px; background-color: Gray; position: relative;
        top: 10px; left: 10px">
    </div>
    <telerik:RadToolTip ID="RadToolTip1" runat="server" TargetControlID="div1" IsClientID="true"
        RelativeTo="Element" Position="BottomCenter" Width="100px" Height="100px">
    </telerik:RadToolTip>
</div>
<div id="mainDiv2" style="width: 100px; height: 100px; background-color: Red; position: absolute;
    top: 400px; left: 300px;">
</div>

where RadToolTip1 shows behind mainDiv2. In this case, you will have to set zIndex for the two main DIVs, to "tell" the browser that you what child elements of the first DIV to overlay the second DIV:

<div id="mainDiv1" style="width: 100px; height: 100px; background-color: Red; position: absolute;
    top: 300px; left: 300px;z-index:2;">
    <div id="div1" style="width: 20px; height: 20px; background-color: Gray; position: relative;
        top: 10px; left: 10px">
    </div>
    <telerik:RadToolTip ID="RadToolTip1" runat="server" TargetControlID="div1" IsClientID="true"
        RelativeTo="Element" Position="BottomCenter" Width="100px" Height="100px">
    </telerik:RadToolTip>
</div>
<div id="mainDiv2" style="width: 100px; height: 100px; background-color: Red; position: absolute;
    top: 400px; left: 300px;z-index:1;">
</div>

In case I misunderstood your scenario, please prepare and send us a simple test page, demonstrating the problem, so that we can investigate what is causing it.

All the best,
Tsvetie
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Ed]

That worked very nicely for me, too -- thanks a lot.  (Using Rad 2008 Q3.)

Ed Graham