sub menu only css

<!doctype html>
<html lang="ko">
<head>
	<meta charset="UTF-8">
	<title>javascript</title>
	<style>
		#nav { width:100%; background:#00f;position:relative; }
		#nav > div { height:50px;  display:inline-block;  }
		#nav > div:hover div { display:block; }
		#nav > div > div { width:100%; height:30px; background:#ccc; line-height:30px; display:none;  position:absolute; top:50px; left:0; }
		#nav > div > a { width:auto; height:50px; color:#fff; line-height:50px; font-size:20px; font-weight:bold; text-decoration:none; display:inline-block; padding:0 10px;}
	</style>
</head>
<body>
	<div id="nav">
		<div>
			<a href="#">회사소개</a>
			<div>인사말씀 | 연혁 | 찾아오시는 길</div>
		</div>
		<div>
			<a href="#">제품소개</a>
			<div>주방용품 | 벽지 | 페인트</div>
		</div>
		<div>
			<a href="#">게시판</a>
			<div>공지사항 | 자유게시판 | 갤러리</div>
		</div>
	</div>
</body>
</html>