Horizontal menu 1

HTML code

<div id="cmenu">
<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>
         <ul>
    </div>

 </div> 

CSS code

#cmenu{
float:left;
width:100%;
height:50px;
background-color:#666666;
}

#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;
}

#menu4 li a{
color:#FFFFFF;
text-decoration:none;
}
#menu4 li a:hover{
text-decoration:underline;

}

Result