当前位置:编程学习 > C#/ASP.NET >>

求助: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
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,