Untitled

<html>
<head>
<style>
.menu {
    margin: 0px;
    padding: 0px;
    color: #000;
    width: 120px;
    list-style: none;
}
.menu li {
    padding: 2px 2px 0px 0px;
    margin: 0px;
}
.menu li a, .menu li a:visited {
    margin: 0px;
    padding: 3px 3px;
    color: #fff;
    display: block;
    border: #ccc 1px solid;
    background: #666;
    text-decoration: none;
}
.menu li a:hover {
    color: #000;
    background: #ccc;
    border: #000 1px solid;
}
</style>
</head>
<body>
<ul class="menu">
    <li><a href="#">home</a></li>
    <li><a href="#">about</a></li>
    <li><a href="#">services</a></li>
    <li><a href="#">links</a></li>
</ul>
</body>
</html>