IE7でのパネル（ascx）のオーバーラップ

Question

IE7ではパネルオーバーラップの問題がありましたが、IE8では同じコードが機能します。 誰もこの種の問題に直面していますか？ 以下のコードでは、リンクボタンがあります。これをクリックすると、製品フレームが表示されます。しかし、これは「クライアント製品」と重複しています。

<%@ 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

私はIE7でパネルのオーバーラップの解決策を見出しました。それは差をつけた高さ属性でした。高さ属性を削除するか、正確な値をピクセル単位で指定すると、この問題は解決されます。