ul {
	margin: 1;
	padding: 1;
	list-style: none;
	width: 150px;
	}

ul li {
	position: relative;
        display: block;
        background: black;
}

li ul {
	position: absolute;
	left: 148px;
	top: 0;
	display: none;
	background: blue;
	}

ul li a {
	display: block;
	text-decoration: none;
	font-size: 16px;
	color: blue;
	background: black;
	padding: 3px;
	border: 2px solid gray;
	border-bottom: 0;
	}

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

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


		/* Colors for the background and texts on mouseovers... */
ul li a:hover {
	color: Red;
	background: black;
	}

ul li ul a:hover {
	color: red;
	background: Black;
	}
		/* End color background and text colors...*/



li:hover ul, li.over ul {
	display: block;
	}