link hover

<style type="text/css"><!--
table.lix a { /* 5.0+ extension of "div.lix a" */
 display: block;
 width:200px;
 border:1px solid black;
 cursor:hand;
 filter:blendTrans(duration=0.5);
 }
div.lix {
 position:absolute; /* This is a fixes IE slowness */
 top:0px;
 left:0px;
 }
div.lix a {
 color:#000000;
 background-color:white;
 font:13px verdana,sans-serif;
 text-align: left;
 text-decoration: none;
 }
div.lix a:link {
 color:black;
 background-color:white;
 }
div.lix a:visited {
 color:black;
 background-color:white;
 }
div.lix a:hover {
 color:red;
 background-color:black;
 border:1px solid red;
 text-decoration: none;
 }
div.lix a:active {
 color:white;
 background-color:black;
 border:1px solid red;
 }
//--></style>
<script type="text/javascript"><!--
function lite(obj) {
 if(document.all&&!window.opera) {
  obj.filters.blendTrans.apply();
  obj.filters.blendTrans.play();
 }
}
//--></script>
<div style="position:relative; padding-bottom:82px; left: 311px; top: 121px;"> 
  <div class="lix">
  <table border="0" cellpadding="0" cellspacing="2" width="200" class="lix">
   <tr>
    <td>
     <a href="#" onmouseover="lite(this)" onmouseout="lite(this)" onfocus="this.blur()"> Link 1</a>
    </td>
   </tr>
   <tr>
    <td>
     <a href="#" onmouseover="lite(this)" onmouseout="lite(this)" onfocus="this.blur()"> Link 2</a>
    </td>
   </tr>
   <tr>
    <td>
     <a href="#" onmouseover="lite(this)" onmouseout="lite(this)" onfocus="this.blur()"> Link 3</a>
    </td>
   </tr>
   <tr>
    <td>
     <a href="#" onmouseover="lite(this)" onmouseout="lite(this)" onfocus="this.blur()"> Link 4</a>
    </td>
   </tr>
  </table>
 </div>
</div>