ถามเกี่ยวกับการทำเมนูแว๊ปๆ คือว่าทำเมนู จะให้โชว์แค่ Home About us ServiceNews Contact us

<div id="nav">
        <ul>
          <li><a href="#">Home</a></li>  
             <ul>
                <li><a href="#">Home1</a></li>
                <li><a href="#">Home2</a></li>
                <li><a href="#">Home3</a></li>
             </ul>         
          <li><a href="#">About us</a></li>
          <li><a href="#">Service</a></li>
          <li><a href="#">News</a></li>
          <li><a href="#">Contact us</a></li>
        </ul>
</div>

#nav {
  background: url(images/nav_left.jpg) no-repeat;
}
#nav ul {
  margin-left: 9px;
  padding-left: 1px;
  padding-bottom: 29px;
  background: #2A2A2A bottom left url(images/nav_bot.jpg) no-repeat;
}
#nav li {
  list-style: none;
  font: 14px Tahoma;
  border-top: 1px solid #959595;
  background: 188px 10px url(images/arr_white.gif) no-repeat;
  padding: 7px 0 0 31px;
}
#nav a {
  color: #fff;
  text-decoration: none;
  border-left: 1px solid #959595;
  padding-left: 10px;
  display: block;
  width: 90%;
  padding: 2px 0 6px 8px;
}
#nav a:hover {
  text-decoration: underline;
}
#nav .important {
  border: none;
  background: 188px 10px url(images/arr_orange.gif) no-repeat;
}
#nav .important a {
  color: #E9C379;
}