eccoti un esempiello veloce veloce:

<html>
<head>
<title>Menu con rollover bordi</title>
<style>
table {
border: 1px solid black;}
td {
height:25px;
border: 1px solid white;
font-family: verdana;
font-size:10px;
background:white;}
td a:link {
position:relative;
display:block;
font-size:10px;
color: #061998;
text-decoration: none;}
td a:hover {
position:relative;
font-size:10px;
color: #4ebafa;
text-decoration: none;}
td a:visited {
font-size:10px;
color: #4ebafa;
text-decoration: none;}
.due {
border: 1px solid black;
background:#b1f3e4;}

</style>

</head>

<body>
<table width=150 height=70 border=0>
<tr><td style="background:#d0cece;"><center>:: menù ::<center> </td></tr>
<tr>
<td onMouseOver="this.className='due'" onMouseOut="this.className=''">
<center>home page<center> </td></tr>
<tr>
<td onMouseOver="this.className='due'" onMouseOut="this.className=''">
<center>news<center> </td></tr>
<tr>
<td onMouseOver="this.className='due'" onMouseOut="this.className=''">
<center>info<center> </td></tr>
<tr>
<td onMouseOver="this.className='due'" onMouseOut="this.className=''">
<center>portfolio<center> </td></tr></table>
</body>
</html>

provalo e fammi sapere!!!