<style>
a.nav2, a.nav2:link, a.nav2:active, a.nav2:visited {
width:60px;
height:60px;
display: inline-block;
color: #838E91;
font-size:16px;
margin: 2px;
line-height:60px;
text-align:center;
background: #ECE3BF;
font-family:georgia;
text-transform:lowercase;
font-style: italic;
text-decoration:none;
font-weight:none;
letter-spacing:-1px;
-webkit-transition: 1s ease-out;-moz-transition: 1s ease-out;transition: 1s ease-out;
border-radius:45px;
-moz-border-radius:45px;
-webkit-border-radius:45px;
-khtml-border-radius:45px;
border: 2px dashed #ff0000;
}
a.nav2:hover {
-webkit-transition: 1s ease-out;-moz-transition: 1s ease-out;transition: 1s ease-out;
color: #998D66;
background:#B8C8CC;
border: 2px dotted #838E91;
}
</style>
</head>
<div style="position:absolute; x-index:0; left: 80px; width:700px; top:360px;">
<table id="navi" align="center" width=><tr>
<td><a href="http://link.com" class="nav2">HOME</a></td>
<td><a href="http://link.com" class="nav2">ME</a></td>
<td><a href="http://link.com" class="nav2">YOU</a></td>
<td><a href="http://link.com" class="nav2">fb</a></td>
<td><a href="http://link.com" class="nav2">twt</a></td>
<td><a href="http://link.com" class="nav2">WWW</a></td>
</tr></table></div></div><br></body>