CSS Drop Down Menu with list

CSS code:

#menu ul {list-style:none; padding:0; margin:0; position:absolute; z-index:2}
#menu li {float: left;}
#menu ul ul{visibility:hidden; width:125px;} /*menyembunyikan sub menu saat non mouse over */
#menu ul li:hover ul{visibility:visible} /*menampilkan sub menu saat non mouse over */
#menu li a{background-color:#252525; height:35px; width:125px; display:block; color:#b4b4b4; font-family:Tahoma, Geneva, sans-serif;
text-decoration:none; font-size:13px; line-height:30px;  text-align:center;}
#menu li a:hover{background:#414141; color:#ffffff}

HTML code:

</pre>
<div id="menu">
<ul>
	<li><a href="URL 1">TYPE</a>
<ul>
	<li><a href="#">Sub menu 1</a></li>
	<li><a href="#">Sub menu 2</a></li>
	<li><a href="#">Sub menu 3</a></li>
</ul>
</li>
	<li><a href="#">COUNTRY</a></li>
	<li><a href="#">MAKER</a></li>
	<li><a href="#">VINTAGE</a></li>
	<li><a href="#">PRICE RANGE</a></li>
</ul>
</div>
<pre>