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的下面
------解决方案--------------------
清浮放错地方喽