CSS Drop Down Menu

Code:



<style>

ul li{

list-style-type: none;

float: left;

background:#096;

width: 200px;

text-align: center;

border-right: 1px solid black;

}

ul li a{

padding: 20px;

text-decoration: none;

}



#nav li ul {

display: none;



}



#nav li:hover > ul {

display: block;



}

</style>



<ul id="nav">

<li><a href="#">Menu1</a></li>

<li><a href="#">Menu2</a>

    <ul>

        <li><a href="#">Sub Menu1</a></li>

        <li><a href="#">Sub Menu2</a></li>

        <li><a href="#">Sub Menu3</a></li>

           

        </ul>

    </li>

    <li><a href="#">Menu3</a></li>

</ul>