Horizontal menu 2

HTML code

 <div id="menu4">

     <ul>

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

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

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

            <li><a href="#">about us</a></li>

            <li><a href="#">contact us</a></li>

            <li><a href="#">our gallery</a></li>

         <ul>

    </div>

CSS code

#cmenu{

 float:left;

 margin-left:350px;

 width:600px;

 height:40px;

 background-color:#666666;

 border-radius:30px;

}

#menu4{

 margin:0px;

 padding:0px;

 position:relative;

 height:50px;

 text-align:left;

 list-style-type:none;

}

#menu4 li{

 display:inline;

 padding:10px 20px 10px 20px;

 position:relative;

 left:-20px;

 border-right:1px #999999 solid;

 position:relative;

 top:-5px;

}

#menu4 li a{

 color:#FFFFFF;

 text-decoration:none;

}

#menu4 li a:hover{

 text-decoration:underline;

}

Result