纯CSS下拉菜单

/*菜单*/
.menu{ float:left; width:870px; height:88px;  margin-left:80px;  }

.menu ul{  text-align:center;  height:88px;  padding:0px 20px;  /*filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;*/}
.menu ul li{ float:left; width:16.666%; text-align:center; line-height:88px; height:88px; position:relative;}

.menu ul li a{ color:#FFF; font-size:24px;  width:100%; }
.menu ul li a.cur{ color:#ec2e2e; }
.menu ul li a:hover{ color:#ec2e2e; }


/*子菜单*/
.menu ul li:hover ul{ display:block; z-index:99999;}
.menu ul li ul{ 
 width:133px;
 border:1px solid #ddd;
 position:absolute;  z-index:99999; 
 border:1px solid #ddd; 
 border-top:0; 
 /*box-shadow:0 2px 2px #bbb; */
 background:#f6f6f6; 
 padding:10px 0; 
 border-radius:5px; 
 line-height:24px;
	top:60px;
	left:5px;
	height:auto;
	display:none;
}
.menu ul li ul li{display:block; padding-bottom:4px; text-align:center; width:133px; line-height:24px; height:30px;
 }
 .menu ul li ul li a{ color:#231915;font-size:16px;}

.menu ul li ul li a:hover{ color:#ec2e2e;}
html代码