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