Membuat Menu Drop-Down Unik

<!--Menu Drop-Down Unik-->
<center><div id="menu">
<ul>
<li><a class="current" href="http://www.cuman-info.blogspot.com">Home</a></li>
<li><a href="http://facebook.com">Facebook</a></li>
<li><a href="http://id.yahoo.com">Yahoo!</a></li>
<li><a href="http://twitter.com">Twitter</a></li>
<li><a href="http://www.youtube.com">Youtube</a></li>
</ul>
</div></center>
<style>
*{
margin:0;
padding:0;
}
#menu{
background:url(http://cuman-info.blogspot.com/_4fVBL4fjrFI/SXsev4OJbTI/AAAAAAAACBc/0EEtXs7ckkg/s1600/menu_026_bg.jpg) no-repeat;
width:172px;
height:193px;
padding:15px;
}
#menu ul{
list-style:none;
padding:0 0 0 8px;
}
#menu li{
list-style:none;
display:block;
padding:10px 0;
}
#menu li a{
list-style:none;
display:block;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTTobIl8Cxj6LBDDDwi12GXsqXML-bVwCba7eGiAq3DnPVyVuCpqUyOc8NQGoKx2sL6cQxV7htxa3jxNn8v7gu7mwnfjgvJb4o77rN3ff7cAy4ivH2EoRE8WPr2rv11mURm4ReJI_okrA9/) no-repeat left center;
color:#ffe991;
font-weight:bold;
text-transform:uppercase;
font-size:11px;
line-height:1.5em;
text-decoration:none;
padding:0 5px 0 25px;
}
#menu li a:hover{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4XAC6pIhFMDEhVlG9ZpmW7xSwEAV7dY9cwyzND91Gz1bjutnW0mQSj8uyYEYCK0jHGy9T5Tj2uDnBLLZj8ohWr2dSBOtk2N34AneyEdES2KXiH0J5DlxQDdeCrkFKQTYAGMmQmvMNOJjZ/) no-repeat left center;
color:#fff;
text-decoration:none;
}
#menu li .current{
list-style:none;
display:block;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4XAC6pIhFMDEhVlG9ZpmW7xSwEAV7dY9cwyzND91Gz1bjutnW0mQSj8uyYEYCK0jHGy9T5Tj2uDnBLLZj8ohWr2dSBOtk2N34AneyEdES2KXiH0J5DlxQDdeCrkFKQTYAGMmQmvMNOJjZ/) no-repeat left center;
color:#fff;
font-weight:bold;
text-transform:uppercase;
font-size:11px;
text-decoration:none;
padding:0 5px 0 25px;
}
#menu li a.current, #menu li a:hover.current{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4XAC6pIhFMDEhVlG9ZpmW7xSwEAV7dY9cwyzND91Gz1bjutnW0mQSj8uyYEYCK0jHGy9T5Tj2uDnBLLZj8ohWr2dSBOtk2N34AneyEdES2KXiH0J5DlxQDdeCrkFKQTYAGMmQmvMNOJjZ/) no-repeat left center;
color:#fff;
text-decoration:none;
}
</style>