<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>二级导航竖排练习应用css</title>
<style type="text/css">
body{
font:"宋体" ;
}
ul{
width:150px;
margin:0;
padding:0;
list-style-type:none;
border-bottom:1px solid #cccccc;
}
#love li{
position:relative;
}
#love li ul{
display:none;
position:absolute;
left:149px;
top:0;
}
ul li a{
display:block;
height:100%;
padding:5px;
text-decoration:none;
color:#777777;
border:1px solid #cccccc;
border-bottom:0 none;
background:#FFFFFF;
}
#love li:hover ul,#love li.over ul{
display:block;}
</style>
</head>
<body>
<ul id="love">
<li><a href="#">首页</a></li>
<li><a href="#">关于我们</a>
<ul>
<li><a href="#">我们的故事</a></li>
<li><a href="#">我们的团队</a></li>
</ul>
</li>
<li><a href="#">我们的服务</a>
<ul>
<li><a href="#">网页设计</a></li>
<li><a href="#">页面制作</a></li>
<li><a href="#">程序开发</a></li>
</ul>
</li>
<li><a href="#">联系我们</a>
<ul>
<li><a href="#">团队主创</a></li>
<li><a href="#">团队成员</a></li>
</ul>
</li>
</ul>
</body>
</html>
求高手指点代码如何改