一级菜单 不会随二级菜单变化
<style type="text/css">
*{ margin:0px; padding:0px;}
#zmy{ background:#FCC; height:40px; width:600px; margin:0 auto;}
ul{ list-style:none;}
a{ text-decoration:none; color:#303; display:block; padding:0 10px;}
ul li{ float:left; width:90px; line-height:40px; text-align:center;}
a:hover{ color:#FF0; background:#CFC}
ul li ul li{ float:none; background-color:#C3F; margin-top:2px;}
</style>
</head>
<body>
<ul id="zmy">
<li><a href="#">首页</a>
<ul><li><a href="#">script</a></li>
<li><a href="#">css</a></li>
</ul>
</li>
<li><a href="http://www.baidu.com">学习中心</a></li>
<li><a href="http://www.baidu.com">关于我们</a></li>
<li><a href="http://www.baidu.com">联系我们</a></li>
</ul>
</body>
</html>
我的一级菜单不会随二级菜单变化怎么办？
