Gracias por la pronta respuesta.
El tema es que quiero usar sólo una imagen, la de fondo,
el resto necesito resolverlo con css y javascript.
No sé si esto será posible, hasta ahora he escrito lo siguiente
sin exito:
<style type="text/css">
td.uno {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11;
font-style: normal;
text-align: right;
padding: 2px;
background: #731343;
}
a.uno:link {color: #FFFFFF; text-decoration: none;}
a.uno:visited {color: #FFFFFF; text-decoration: none;}
a.uno:hover {color: #FFCC00;}
</style>
</head>
<body>
<table border=0 background="fondo01.jpg" width="155">
<tr height="23">
<td class="uno" style="cursor: pointer; filter:alpha(opacity=0);opacity: 0.0;"
onmouseover="this.style.filter='alpha(opacity=30)' ; this.style.opacity='0.3';"
onmouseout="this.style.filter='alpha(opacity=0)'; this.style.opacity='0.0';" />
<a class="uno" href="" alt="Principal" title='Principal'><b>Principal</b></a></td>
</tr>
<tr height="23">
<td class="uno" style="cursor: pointer; filter:alpha(opacity=0);opacity: 0.0;"
onmouseover="this.style.filter='alpha(opacity=30)' ; this.style.opacity='0.3';"
onmouseout="this.style.filter='alpha(opacity=0)'; this.style.opacity='0.0';" />
<a class="uno" href="" alt="Federal" title='Federal'><b>Federal</b></a></td>
</tr>
</table>
</body>
</html>