CSS dropline menu bez Jquery

 <div id="menu">
    <ul>
     <li><a href="#" title="Home">Home</a></li>
     <li><a href="#" title="About">About</a>
             <ul>
                <li><a href="">one</a></li>
            <li><a href="">two</a></li>
            <li><a href="">three</a></li>
            </ul>
       </li>
        <li><a href="#" title="Services">Services</a></li>
 </div>
 
CSS: 

#menu { float: right; display: inline; height: 49px; padding-top: 15px; }
#menu ul li { float: left; display: inline; list-style-type: none; text-transform: uppercase; }
#menu ul li { float: left; display: inline; background: url(images/menu-separator.png) no-repeat right 0; font-size: 13px; color: #4e4e4e; }
#menu ul li { line-height: 18px; padding: 0px 13px 0px 13px; }
#menu ul li a { color: #c6c6c6; }
#menu ul li a:hover { text-decoration: underline; color: #000; }