/*
  CSS generated via the Multi-level Navigation Plugin ... http://pixopoint.com/multi-level-navigation/

  If you would like a similar menu for your own site, then please try the PixoPoint Web Development
  CSS generator for creating flyout, dropdown and horizontal slider menus ... http://pixopoint.com/suckerfish_css/


*** Main menu CSS code ***/
<html>
<head>
<title>tes2</title>
</head>
<style type=”text/css” media=”screen”>

lanjut :

#menu{
padding-left: 320px;
margin-bottom: 10px;
}

lanjut :

#menu ul {
margin: 0;
padding: 0;
text-align: center;
}
#menu li {
float: left;
list-style: none;
}
#menu ul ul {
visibility:hidden;
padding-left:0px;
width:10px;
}
#menu ul ul li{
padding-left:0px;
list-style: none;}

lanjut :

#menu ul li:hover ul,
#menu ul a:hover ul{
visibility:visible;
background-color:#fff;
}

lanjut :

#menu ul ul li a:hover{
background-color:#d3d3d3;

lanjut :

}

lanjut :

#menu li a {
background-color:#000000;
height: 2em;
width: 149px;
display: block;
border: 0.1em solid #dcdce9;
color: #ffffff;
text-decoration: none;
text-align: center;
}
#menu li a:hover{
background-color:#d3d3d3;
}

lanjut :

</style>
<body>

lanjut :

<div id=”menu” >
<ul>
<li><a href=”URL 1″>MENU 1</a>
<ul>
<li><a href=”URL sub 1″>Sub menu 1</a></li>
<li><a href=”URL sub 2″>Sub menu 2</a></li>
<li><a href=”URL sub 3″>Sub menu 3</a></li>
</ul>
</li>
<li><a href=”URL 2″>MENU 2</a></li>
<li><a href=”URL 3″>MENU 3</a></li>
</ul>
</div>
</body>
</html>

lanjut :
