div问题之clear

代码如下：

　<div class="headerUser">
        <div style="float: left; padding-left: 5px;">
            当前用户：<asp:Label ID="username" runat="server"></asp:Label></div>
        <div style="float: right; padding-right: 5px;">
            返回首页 |
            <asp:LinkButton ID="lbtnLogout" runat="server" CssClass="icon_back" OnClick="lbtnLogout_Click">注销</asp:LinkButton></div>
    </div>
    <div class="headerMenu">
        <div style="float: left; width: 500px; text-align: left; line-height: 35px; font-size: 18px;
            padding-left: 10px;">
            网站管理平台</div>
    </div>
    <div class="bg_adminFirstMenu">
        <ul>
            <li class="menuBorderRight"><a href="FrameHyLeft.aspx" target="leftFrame">企业简介</a> </li>
            <li class="menuBorderRight menuBorderLeft"><a href="FrameFhyLeft.aspx" target="leftFrame">行业资讯</a> </li>
            <li class="menuBorderRight menuBorderLeft"><a href="FrameSxLeft.aspx" target="leftFrame">最新新闻</a> </li>
            <li class="menuBorderRight menuBorderLeft"><a href="FrameUserLeft.aspx" target="leftFrame">企业动态</a> </li>
            <li class="menuBorderLeft"><a href="FrameSysLeft.aspx" target="leftFrame">企业发展</a> </li>
        </ul>
    </div>

样式如下：

.headerUser{background:url(/images/bg_adminTopUser.gif) repeat-x;height:20px;line-height:20px;}
.headerUser a{ text-decoration:none;color:#5d5d5d;}
.bg_adminFirstMenu{background:url(/images/bg_adminContentTitle.gif) repeat-x;height:30px;line-height:30px;border-bottom:1px solid #000;clear:both;}
.bg_adminFirstMenu ul{ list-style:none;line-height:30px;margin:0;padding:0;}
.bg_adminFirstMenu ul li{float:left;color:#fff;width:100px;text-align:center;} 
.bg_adminFirstMenu ul li a{color:#fff;display:block; text-decoration:none;}

.menuBorderRight{border-right:1px solid #525963;}
.menuBorderLeft{border-right:1px solid #7e8790;}