ie6下显示得好好的DIV结构到了火狐就全乱了，怎么办？
就是简单的左右结构，左边是树形菜单，右边是内容。
CSS如下：
.nav_tree
{
    float: left;
    width:150px; 
    background:#99FFFF;
    border-right:2px solid #EFEFEF;
    overflow:hidden;
}
.main
{
    float: right;
    margin:0 0 0 -215px;
    width:100%;
    overflow:hidden;
}
.main.main_content
{
    margin:0 0 0 150px; 
    background:#e4e4e4;
}
母版页是这样的：
<div class="page"><!--页面层容器-->
        <div class="header"><!--页面头部-->
            <div class="title">
                <h1>
                    测试系统
                </h1>
            </div>         
        </div>
        <div class="page_body"><!--页面-->
            <div class="main"><!--页面右半部 主体-->
                <div class="main_content"><!--主体内容-->
                    <asp:ContentPlaceHolder ID="MainContent" runat="server"/>
                </div>
            </div>
            <div class="nav_tree">  <!--左侧边栏 导航栏-->       
            <asp:TreeView ID="TreeView1" runat="server" DataSourceID="SiteMapDataSource1">
            </asp:TreeView>          
        </div>     
        </div>
        
        <div class="clear">
        </div>
    </div>

在火狐下，内容div会充满整个页面，菜单叠在它上面。
求助，我该怎么办？
------解决方案--------------------
 <div class="clear">
  </div>这个要用对地方，一般用在有float的下面
------解决方案--------------------
清浮放错地方喽