ul#nav {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 100%; /* Width of Menu Items */	
	border-top: 0px solid red;  	  
	}

ul li {
	position: relative;
	float:left;	
	border-top:0px solid silver;
  font-size:12px;  
  width:160px; 		   		  	  
}

li ul {
	position: absolute;
	left: 0px; /* Set 1px less than menu width */
	top: 32px;    	 
	display: none;
	list-style:none;
  margin:0px;
  padding:0px;	  
  background:white;
	}

ul#test {
	position: absolute;
	/*left: 149px; /* Set 1px less than menu width */
	top: 0px;	 
	left:60px;
	display: none;
	list-style:none;
	}
	
/* Styles for Menu Items */
ul li a {  
	display: block;
	text-decoration: none;
	color: #777;
	background: white; /* IE6 Bug */
	padding:10px;  				
	/*border: 1px solid green; /* IE6 Bug */	
	font-size:10px;	
	font-weight:bold;	  	
	}
	
ul li#test2 a {
	display: block;
	text-decoration: none;
	color: #777;
	background: #fff; /* IE6 Bug */
	padding: 5px;	
	border: 1px solid silver; /* IE6 Bug */	
	 		 
	}
  	
ul li a:hover {
	background:#CB0000;
	color:white;	
	}
ul li#test2 a:hover   {
	background:blue;	
	}

/* Holly Hack. IE Requirement \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

ul#x
{
   border:1px solid silver;         
}
ul#x li
{
   border-top:1px dotted silver; 
   z-index:100;     
}
ul#x li a#v
{
   height:30px;
   border-right:1px dotted silver;      
}

li:hover ul#x, li.over ul#x { display: block;} /* The magic */

li#test2:hover ul#test, li#test2.over ul#test { display: block; } /* The magic */

ul li#test2 a:hover, ul#test2 { display: block; background:red; } /* The magic */

/* ---------------------- */