Why do my controls ignore the z-Index value ?

Hi;

I have a web page with a dropdown, panel control, and a details view control.

When I display my panel and the details view control  the dropdown is always on top of
the detailsview field.

I tried resetting thje z_index for both controls but that didn't work.

I am I overlooking something else ?

Thanks

=Dropdown control ====================================
   <asp:DropDownList ID="DropDownList9" runat="server" AppendDataBoundItems="True" AutoPostBack="True"
        DataSourceID="ObjectDataSource8" DataTextField="Lname" DataValueField="assignee_ID"
        Style="z-index: 102; left: 535px; position: absolute; top: 153px" Width="111px" EnableViewState="true">
        <asp:ListItem Selected="True" Text="Please make a Selection" Value="0"></asp:ListItem>
    </asp:DropDownList>
 
====== panel and detailsview controls ============
<asp:Panel ID="Panel1" runat="server" BackColor="Gainsboro"
        Height="535px" Style="z-index: 104; left: 373px; position: absolute; top: 196px;
        bottom: auto ; background-color:LightGrey" Visible="False" Width="736px" BorderColor="Gray" BorderStyle="Groove" ForeColor="Black">
          &nbsp;   
        <asp:DetailsView ID="DetailsView1" runat="server" AutoGenerateRows="False" DataKeyNames="ID"
            DataSourceID="ObjectDataSource4" DefaultMode="Insert" FieldHeaderStyle-BackColor="#F0F0F0"
            FieldHeaderStyle-Font-Bold="true" Height="36px" Width="692px" EnableModelValidation="True" style="z-index: 101; left: 5px; position: absolute; top: 23px" GridLines="Horizontal" BackColor="gainsboro" >

Select allOpen in new window