Menu3

<table cellspacing="0">
<tr>
<td> <a class="men" href="#">link</a></td>
<td> <a class="menu" href="#">link</a></td>
<td> <a class="menu" href="#">link</a></td>
<td> <a class="menu" href="#">link</a></td>
<td> <a class="menu" href="#">link</a></td>
<td> <a class="menu" href="#">link</a></td>
<td> <a class="menu" href="#">link</a></td>
</tr>

</table>

<style>
a.menu:link, a.menu:visited, a.menu:active{text-decoration: none;

background: #DFDFDF;
width: 50px;
padding-top: 10px;
padding-bottom: 10px;
font-family: garamond;
font-size: 12px;
text-decoration: none;
color: black;
opacity: 0.3;filter: alpha(opacity=100); -moz-opacity: 0.5;
-moz-border-radius: 5px;
text-align:center;
display:block;
}
a.menu:hover {
background: #F27DBC;
opacity: 1.0;filter: alpha(opacity=100); -moz-opacity: 1.0;
}

a.men:link, a.men:visited, a.men:active{text-decoration: none;

background: #F27DBC;
width: 50px;
padding-top: 10px;
padding-bottom: 10px;
font-family: garamond;
font-size: 12px;
text-decoration: none;
color: black;
opacity: 0.3;filter: alpha(opacity=100); -moz-opacity: 0.5;
text-align:center;
display:block;
}
a.men:hover {
opacity: 1.0;filter: alpha(opacity=100); -moz-opacity: 1.0;
}
</style>