求助:DIV+CSS 二级分类重叠
首页商品分类的代码:
<div class="function_bottom_a">
<div class="function_mc"></div>
<div class="function_frame_a"><%<Hi:Common_ProductCategoryList TemplateFile="/ascx/tags/Skin-Common_ProductCategoryList.ascx" runat="server" />%></div>
</div>
分类页面的代码:
<dl class="function_mc_submenu">
<dt><a href='<%# Globals.GetSiteUrls().SubCategory(Convert.ToInt32(Eval("CategoryId")), Eval("RewriteName")) %>'><%# Eval("Name")%> </a></dt>
<asp:Repeater ID="rptSubCategries" runat="server" >
<ItemTemplate>
<dd><a href='<%# Globals.GetSiteUrls().SubCategory(Convert.ToInt32(Eval("CategoryId")), Eval("RewriteName")) %>'><asp:Literal ID="litName" runat="server" Text='<%# Eval("Name")%>'></asp:Literal></a></dd>
</ItemTemplate>
</asp:Repeater>
</dl>
<div class="function_mc_clearboth"></div>
CSS:
.function_mc{background:url("../images/Function_Top.gif") no-repeat; background-position:0px 0px; height:36px;}
.function_frame_a{background:url("../images/Function_Frame_A.gif") repeat-y; padding:5px;}
.function_frame_b{border:1px solid #ccc; padding:5px;}
.function_bottom_a{background:url("../images/Function_Bottom_A.gif") no-repeat bottom; padding-bottom:6px;}
.function_bottom_b{background:url("../images/Function_Bottom_B.gif") no-repeat bottom; padding-bottom:6px;}
/*商品分类*/
.function_mc_submenu{background:url("../images/Function_MC_SubMenu.gif") no-repeat; width:180px; height:22px; margin:0px auto; margin-top:12px;}
.function_mc_submenu dt{font-weight:bold; padding-left:22px; word-break:break-all;}
.function_mc_submenu dd{float:left; padding-left:5px; width:84px;}
.function_mc_clearboth{clear:both;}
-----------------------------------
这IE8会出现二级分类全都搞在一块:如下图,请问这是哪部分错误了?
补充:.NET技术 , ASP.NET