Las imágenes no hacen nada al pasar el ratón, no sé en qué puede estar el fallo.
<style type="text/css">
a.opacidad img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}
a.opacidad:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>
<table width="68" border="0">
<tr>
<th scope="col"><a href="#" onclick="Cargar('legumbres.txt');"><img src="miniaturas/image1.jpg" width="60" height="34" class="opacidad" title="Legumbres" /></a></th>
<tr>
<th scope="col"><a href="#" onclick="Cargar('macarrones.txt');"><img src=img src="miniaturas/image2.jpg" width="60" height="34" class="opacidad" title="Macarrones" /></a></th>
</tr>
</table>