utilizar swap images en link css

[karlamar]

Hola!! Espero alguien me pueda ayudar, Como puedo utilizar un swap images en diferentes link que estan
con un mismo estilo css?.

Les muestro el codigo html de los links

<tr>
<td width="203" height="232" align="left" valign="top" class="clase1"><span class="clase1"><a href="food.html" target="_self">Food<br />
<a href="beverage.html" target="_self">Beverage<br />
<a href="plazas.html" target="_self">Stores &amp; Plazas<br />
<a href="restaurant.html" target="_self">Restaurant<br />
<a href="productos.html" target="_self">Consumer Products<br />
<a href="automotriz.html" target="_self">Automotive &amp; Transportation<br />
<a href="industrial.html" target="_self">Industrial<br />
<a href="tecnology.html" target="_self">Technology &amp; Communications</td>
<td width="225" height="232" align="left" valign="top" class="clase1"><a href="construccion.html" target="_self">Construction &amp; Real Estate<br />
<a href="finanzas.html" target="_self">Financial Services<br />
<a href="servicios.html" target="_self">Professional Services<br />
<a href="instituciones.html" target="_self">Institutions &amp; Education<br />
<a href="salud.html" target="_self">Healthcare<br />
<a href="moda.html" target="_self">Fashion<br />
<a href="turismo.html" target="_self">Tourism &amp; Hospitality<br />
<a href="extranet.html" target="_self"><span class="clase2">^Extranet</span></a></td>
</tr>

Estaba viendo ponerlo de esta manera pero no jala...

<onmouseover="MM_swapImage('foto','','fotos/linka.jpg',1)"><a href="beverage.html" target="_self">Beverage<br />

Agrego tambien el css que estoy utilizando
.clase1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 0.6cm;
font-weight: lighter;
color: #666666;
letter-spacing: normal;
}

.clase1 a{color: #666666; text-decoration: none;}
.clase1 a:visited {color: #666666; text-decoration: none;}
.clase1 a:hover {color: #999999; text-decoration: none;}
.clase1 a:active {color: #666666;text-decoration: none;}
}