二级标签html,如何解决二级标签对另一级的div布局的影响

就是在设置好二级菜单后，在下面的中间布局中有三列，都是浮动的，当二级菜单展开后会是中间的布局收到影响，怎么解决”

我的代码如下：

无标题文档

#all{width:666px;margin:0 auto;background-color:#99FFFF}

#head{}

#logo{float:left;}

#login{float:right;}

#pop{position:absolute;margin-top:50px;margin-left:250px;}

#nav ul li{width:80px;}

#nav ul{border-bottom:6px #FFCC33 solid;padding-bottom:6px;}

#nav ul li a{width:80px;}

#left{background-color:#3366CC;width:222px;float:left;}

#zhong{background-color:#3333FF;width:222px;float:left;}

#bottom{background-color:#FF9999;width:222px;float:left;}

#footer{background-color:#999999}

#nav ul li ul{display:none}

#nav ul li:hover ul{display:block;}

#nav ul li ul li{margin-top:1px;background-color:#0099FF;vertical-z:1;}

#nav ul li ul{border:0px;margin-left:-42px;display:none;position:relative;}

li{list-style:none;float:left;margin:0 2px;margin-top:-10px;text-align:center;}

a{text-decoration:none;display:block;}

a:hover{background-color:#FF9900;height:30px;line-height:30px;margin-top:-10px;display:block}

.cheng{background-color:#FF9900;margin-top:-20px;line-height:30px;height:30px;position:relative;}

.STYLE1 {

color: #660066;

font-size: x-large;

font-family: "新宋体";

}

• login
• login
• login
• login
• login

欢迎来到IT组！！！

• 菜单
• 菜单
• 菜单
  • 二级菜单
  • 二级菜单
  • 二级菜单
  • 二级菜单
• 菜单
• 菜单
• 菜单

left

zhong

bottom

footer