CSS based hotizontal menu

Creating to Css based horizontal menu like above.You copy/paste following code into your .css files or head tags of .html file.

#menuh
{
padding:5px;
height:30px;
width:auto;
background-color: #7cc576;

}
#menuh ul{
margin:0;
margin-left: 10px;
padding: 0;
list-style: none;
}

#menuh li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
}

#menuh a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
padding:5px 10px 5px 10px;
background-color: #7cc576;
border:solid 1px #7cc576;
}

#menuh a:hover{
background-color: #3cb878;
color: white;
border:solid 1px #00a651;

}