ul li {
	position: relative;
	}

li ul {
	
	position:absolute
	;
	left: 50px;
	top: 1;
	display: none;
	font-size:12px;

	
	 	
	
	
	}



ul li a {
	font: inherit;
	display: block;
	text-decoration: none;
	color: #000000;
	background: #BBA695;
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
	font-family: Arial;
	font-style: normal;
	font-weight: bold;
}
	
		


/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */


ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	border-bottom: 1px solid #ccc;
	
	
	
	}



li.over ul {display: block;}



li:hover ul {display: block;}


<ul id="nav">


/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */
a:hover { background-color:#D7CABF 
}