test.html

<html>
<head>	
<title></title>	
<style>*{margin:0;padding:0;}	
ul,li{	list-style-type:none;	padding:0;	margin:0;	}	
#nav li a{	display:block;	width:100px;	text-align:center;	text-decoration:none;	color:#ffffff;	background-color:#000000;	}	
#nav li{	position:relative;	margin-bottom:2px;float:left;margin-right:5px;	}	#nav li ul{	position:absolute;	left:10px;	top:20px;	display:none;width:100px;	}	
#nav li:hover ul{	display:block;	}	
</style>	</head>	
<body>
	<ul id="nav">
		<li>
			<a href="#">首页</a>
		</li>
		<li>
			<a href="#">关于我们</a>
			<ul>
				<li>我们的故事</li>
				<li>我们的团队</li>
			</ul>
		</li>
		<li>
			<a href="#">我们的服务</a>
			<ul>
				<li>网页设计</li>
				<li>页面制作</li>
				<li>程序开发</li>
			</ul>
		</li>
			<li><a href="#">联系我们</a>
				<ul><li>团队主力</li>
					<li>团队成员</li>
				</ul>
			</li>
	</ul>	
</body>
</html>