Top
Home

In Nav

<ul class="menu">
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Gallery</a>
<ul>
<li><a href="#">Dining Room</a></li>
<li><a href="#">Ball Room</a></li>
<li><a href="#">Lounge</a></li>
</ul>
</li>
</ul>

In css

/* Functionality */
* { margin: 0; padding: 0; list-style: none; }
a { text-decoration: none;}
ul { list-style: none; }
ul.menu li {float:left;}
ul.menu li:hover {position: relative;}
ul.menu li a {display: block;}
ul.menu ul {visibility: hidden;position: absolute;Z-index:100;}
ul.menu ul li a {margin: 0;width: 100%;display: inline-block;text-align:center}
ul.menu ul li a:visited {width: 100%;display: inline-block}
ul.menu ul li a:hover{border-right: none;width:100%;display: inline-block}
ul.menu li:hover > ul {visibility: visible;}

/* Style */
ul.menu li a {font: 12px "arial"; font-weight: normal}
ul.menu li a {background-color:#369;color:#fff} /* Button Color */
ul.menu li a:visited {background-color:#369;color:#fff} /* visited Button Colors */
ul.menu li a:hover {background-color:#f00;color:#ffffff;}/* Hover Button Colors */
ul.menu li a:active {background-color:#f00;color:#ffffff;}/* Active Button Colors */
ul.menu ul li a {background-color: #000000;color:#ffffff;width:100px} /* Sub-Button Color */
ul.menu ul li a:visited {background-color: #000000;color:#ffffff} /* visited Sub-Button Color */
ul.menu ul li a:hover{background-color: #dddddd;color:#000000;width:100px} /* Hover Sub-Button Color */
ul.menu ul li a:active{background-color: #ff0000;color:#ffffff} /* Active Sub-Button Color */
ul.menu li {margin-top:0px}
ul.menu li a {padding: 2px 15px;font-size: 12px}
ul.menu ul {left: 0px;top:19px;}