Überlappung von Panels (Ascx) in IE7

Question

Ich habe das Problem der Panel-Überlappung in IE7, während der gleiche Code in IE8 funktioniert. Hat jemand diese Art von Problem konfrontiert? In dem Code unten, ich habe eine Link-Schaltfläche, beim Klicken auf diese, würde der Produkte Rahmen angezeigt werden. Dies überschneidet sich aber mit den "Client-Produkten":

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ClientSummary.ascx.cs" Inherits="ClientSummary" %> 
<%@ Register Src="~/Controls/ClientSession/CounselorMenuFrame.ascx" TagName="CounselorMenuFrame" TagPrefix="UCC" %> 
<%@ Register Src="~/Controls/ClientSession/ProductsFrame.ascx" TagName="ProductsFrame" TagPrefix="UCC" %> 
<%@ Register Src="~/Controls/ClientSession/ProductDetailFrame.ascx" TagName="ProductDetailFrame" TagPrefix="UCC" %> 
<%@ Register Src="~/Controls/ClientSession/ClientDetailFrame.ascx" TagName="ClientDetailFrame" TagPrefix="UCC" %> 


<asp:Panel ID="pnlClntSummary" runat="server" EnableViewState="true" > 
<asp:Panel ID="pnlClientDetailFrame" runat="server" Style="width: 950px;" > 
<UCC:ClientDetailFrame id="clientDetailFrame" runat="server" /> 
</asp:Panel> 
<asp:Panel ID="pnlProductDetailFrame" runat="server" Style="width: 950px;" > 
<UCC:ProductDetailFrame id="productDetailFrame" runat="server"/> 
</asp:Panel> 
<div id="slider" style="width:950px;"> 
asp:Panel ID="pnlProductsFrame" runat="server" Style="width: 950px;" > 
<table style="width:900px;" > 
<tr><td></td><td> 
&nbsp; 
&nbsp; 
&nbsp; 
<asp:LinkButton Text="Client Information" ID="clientDetail" Font-Underline="true" 
Font-Bold="true" Font-Names="Calibri" Font-Size="Medium" runat="server" 
onclick="clientDetail_Click"/> 
</td> 
</tr> 
<tr> 
<td valign="top" style="float:left" align="left"> 
<div style="float:left;vertical-align:top;"> 
<div id="content" class="contentMenu"> 
<UCC:ProductsFrame id="productsFrame" runat="server" /> 
</div> 
</div> 
</td> 
<td valign="top" style="width:900px;" align="left"> 
<div id="header1" style="float:left;position:relative;width:45px;"> 
<table border="0"> 
<tr> 
<td valign="top" style="width:30px;" 
onclick="verticalprocessClick(document.getElementById('header1'))"> 
<div style="padding: 2px; cursor: pointer; vertical-align: top;"> 
<div style="float: left; vertical-align: bottom;"> 
<table> 
<tr onclick="ImageChangePFrame(imgPF)"> 
<td class="VerticalLine"> 
</td> 
<td> 
<img id="imgPF" src="../Images/icon_expand.png" alt="(Show Details...)" 
onload="ProductFrameHide(this)"/> 
<div id="divClientProducts" runat="server" 
style="float:left;font-family:Calibri;top:1%;left:25%;position:relative;font-size:13px; 
color:Gray;text-align:center;"> 
C<br /> 
L<br /> 
I<br /> 
E<br /> 
N<br /> 
T<br /> 
<br /> 
P<br /> 
R<br /> 
O<br /> 
D<br /> 
U<br /> 
C<br /> 
T<br /> 
S<br /> 
</div> 
</td> 
<td class="VerticalLine"> 
</td> 
</tr> 
</table> 
</div> 
</div> 
</td> 

<td> 
&nbsp; 
</td> 
</tr> 
</table> 
</div> 
<div id="divTransactionDesktop" style="float:left;width:600px; height:100px;" > 
<asp:UpdatePanel ID="updatePanel" runat="server" UpdateMode="conditional"  ChildrenAsTriggers="false"> 
<ContentTemplate> 
<asp:PlaceHolder ID="MainFrameHolder" runat="server"></asp:PlaceHolder> 
</ContentTemplate> 
</asp:UpdatePanel> 
<asp:HiddenField ID="hdnRowValue" runat ="server" Value="0" /> 
</div> 

</td> 
</tr> 
</table> 
</asp:Panel> 
</div> 
<asp:HiddenField ID="hdnLastFocus" runat="server" /> 
<asp:HiddenField ID="hdnKeyMapping" runat="server" /> 
</asp:Panel> 

Answer 1

Ich habe eine Lösung für die Überlappung von Panels in IE7 gefunden. Es war das Höhenattribut, das einen Unterschied machte. Das Entfernen des Höhenattributs oder das Erwähnen des genauen Werts in Pixeln löst dieses Problem.