ใน css การสร้าง เมนูซ้อน จากเมนูหลัก ข้างบนขึ้งทำอย่างไงครับ

.drop_menu {

 	padding:0;
	margin:0;
	list-style-type:none;
	height:30px;
}
.drop_menu li { float:left; }
.drop_menu li a {
	padding:2px 5px;
	display:block;
	color:#0c6ecb;
	text-decoration:none;
	text-align:left;
	font:15px arial, verdana, sans-serif;
	list-style-type:upper-roman;
 	float: left;
}

/* Submenu */
.drop_menu ul {
	position:absolute;
	left:-9999px;
	top:-9999px;

}
.drop_menu li:hover { position:relative; background:#9fe5ff; }
.drop_menu li:hover ul {
	left:0px;
	top:30px;
	background:#5FD367;
	padding:0px;
}

.drop_menu li:hover ul li a {
	padding:5px;
	display:block;
	width:168px;
	text-indent:15px;
	background-color:#f8f8f8;
}
.drop_menu li:hover ul li a:hover { background:#fcfcfc; }