纯CSS多级菜单

主要代码部分：

/*新增的二级菜单部分*/
.menu ul ul {
  visibility:hidden;/*开始时是隐藏的*/
  position:absolute;
  left:0px;
  top:32px;
}
.menu ul a:hover ul{
  visibility:visible;
}
.menu ul ul li {
  clear:both;/*垂直显示*/
  text-align:left;
}  

/**或**/

dd { display:none; }
dl:hover dd, a:hover dd { display:block; }
a:hover { border:; }

demo下载