Menu #second-try

by sapioit

HTML

<ul class="a2">
    <li><a href="#">Home</a></li><li><a href="#">My Sites</a></li><li><a href="#">Portfolio</a></li><li><a href="#">Contact us</a></li>
</ul>

CSS

.a2{
    text-align:center;
    margin-top:15px;
    
}
.a2 li{
    display:inline-block;
    list-style:none;
    padding: 5px 15px;
    background: #82b5da;
    line-height:20px;
}
.a2 li:hover {background:#70a3c8;}
.a2 li a:hover {color:#fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.3);}
.a2 li a{
    text-decoration:none;
    color:#333;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
}
li { *display: inline; zoom: 1; }
?