Drop down menu cho Welcome to Nha Trang Youth Hostel

Then go to Template > Customise > Advanced > Add CSS and place the following code into the box (it will add it directly to your template just above ]]></b:skin>). You can alter a lot of this code depending on how you want it to look. Play around with it, testing different things until you are happy. The main things you may want to change are in pink, with /* comments */ to help you.

Code:

/* ----- NAVMENU Styling ----- */
#NavMenu {
width: 800px; /* Change width of background */
height: 40px; /* Change height of background */
position: relative;
margin: 0 auto;
padding: 0;
border: 0px solid black; /* Change Border Around Navigation */
}

#NavMenuleft { 
width: 800px; /* Change width of navigation */
float: none; 
margin: 0 auto; 
padding: 0; }

#nav { 
margin: 0 auto;
padding: 0; 
border: 0px solid black;  }

#nav ul { 
float: none; 
list-style: none; 
margin: 0; 
padding: 0; 
overflow: visible; }

#nav li a, #nav li a:link, #nav li a:visited {
color: #666666; /* Change colour of link */
display: block;
margin: 0;
padding: 10px 15px 10px; /* Change spacing */
}

#nav li a:hover, #nav li a:active {
color: #0099CC; /* Change color of text on hover over */
margin: 0;
padding: 10px 15px 10px; /* Change Spacing */
text-decoration: none; /* Change to underlined or none for look when hovered over */
}

#nav li li a, #nav li li a:link, #nav li li a:visited {
background: #ffffff;  /* Change background colour of drop down text */
width: 150px;
color: #333; /* Change colour of text */
float: none;
margin: 0;
padding: 7px 10px; /* Change Spacing */
}

#nav li li a:hover, #nav li li a:active {
background: #0099CC; /* background color of drop down items on hover over */
color: #eeeeee; /* text color of drop down items on hover over */
padding: 7px 10px; }

#nav li {
float: none; 
display: inline-block; 
list-style: none; 
margin: 0; 
padding: 0; 
border: 0px solid black; }

#nav li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 170px; margin: 0; padding: 0; }

#nav li ul a { width: 140px; } 

#nav li ul ul { margin: -32px 0 0 171px; }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em; } 

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } 

#nav li:hover, #nav li.sfhover {position: static;} 

http://xomisse.com/blog/create-a-drop-down-navigation-menu/