prova questo esempio che ho fatto:

codice:
<html>
<head>
<title>Untitled</title>
<style>
#menusopra {
float:left;
width:200px;
height:15px;
background:#f2f2f2;
text-align:center;
font-family:verdana;
font-weight:bold;
font-size:12px;
color:black;
border-top: 1px solid black;
border-right: 0px solid black;
border-bottom: 0px solid #f2f2f2;
border-left: 1px solid black;
}
#menusotto {
width:720px;
height:15px;
background:#f2f2f2;
padding-left:15px;
font-family:verdana;
font-weight:bold;
font-size:9px;
color:#4802ca;
border-top: 0px solid black;
border-right: 0px solid black;
border-bottom: 1px solid black;
border-left: 1px solid black;
}
.lin {
float:left;
margin-left:3px;
width:100px;
height:15px;
background:white;
font-family:verdana;
font-weight:bold;
font-size:10px;
color:#4802ca;
text-align:center;
border-top: 1px solid #aaaaaa;
border-right: 1px solid #aaaaaa;
border-bottom: 0px solid #aaaaaa;
border-left: 1px solid #aaaaaa;
}

.lin a:link {
position:relative;
display:block;
text-decoration:none;
color:red;
}

.lin a:visited {
position:relative;
display:block;
text-decoration:none;
}

.lin a:hover {
position:relative;
display:block;
text-decoration:none;
border-collapse:collapse;
border-top: 1px solid red;
border-right: 1px solid red;
border-bottom: 0px solid #aaaaaa;
border-left: 1px solid red;
}
</style>
</head>

<body>
<div id="menusopra">
www.herrel.altervista.org   :quipy: 
 </div>

<div class="lin">link 1</div>
<div class="lin">link 2</div>
<div class="lin">link 3</div>
<div class="lin">link 4</div>
<div class="lin">link 5</div>

<div id="menusotto">

 </div>


</body>
</html>