yii适用的纯css下拉菜单 [ 新手入门 ]

分享一段自己写的纯css下拉菜单，目前测试了IE7+, FF, chrome，IE6由于不支持UL:HOVER改成了只有一级菜单，固定宽度， 大家可以在此基础上继续发挥，

使用方法：替换css/main.css中#mainmenu开头的几行

#mainmenu{font-family:Verdana,Tahoma;background:none #669900;z-index:10;position:relative;height:30px;*height:28px;_height:30px;}
#mainmenu ul{background:none #ffffff;position:absolute;margin:0 0 0 20px;padding:0 0 0 1px;height:30px}
#mainmenu ul li{display:block;float:left;_width:100px;}
#mainmenu ul li a{display:block;font-size:12px;font-weight:bold;text-decoration:none;margin-right:1px;padding:6px 18px;border:1px solid #669900;background:none #669900;color:#fff;line-height:16px;*height:14px;}
#mainmenu ul li ul{display:none;}
#mainmenu ul li:hover ul{width:50px;overflow:show;display:block;margin:0;padding:0px 0;z-index:10;background:none #336699;}
#mainmenu ul li:hover a{background:none #336699;border:1px solid #336699}
#mainmenu ul li ul li a{background:none #336699;border:1px solid #336699}
#mainmenu ul li a:hover,
#mainmenu ul li.active a{color:#6399cd;background-color:#EFF4FA;text-decoration:none;}