Hola
Si no he entendido mal lo que quieres, este código te puede servir:
Código:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es">
<head>
<style type="text/css" media="screen">
* {
border: 0px;
}
.miImagen {
border: 1px solid #00ff00;
}
.miImagen:hover {
border: 1px solid #0000ff;
}
</style>
<!--[if IE]>
<style type="text/css" media="screen">
.miImagen {
border: 0px;
}
.miVinculo {
border: 1px solid #00ff00;
}
.miVinculo:hover {
border: 1px solid #0000ff;
}
</style>
<![endif]-->
<title>Cualquier cosa</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<p><a href="algo.htm" class="miVinculo"><img src="cine.gif" class="miImagen" width="34" height="35" alt="imagen de prueba" /></a></p>
</body>
</html>
El código es un poco más largo de lo que aparentemente hace falta, pero es para lograr una buena compatibilidad visual entre todos los navegadores.
Obviamente los códigos css los podrías pasar a un archivo .css si no los quieres tener en la página.
Igual, si alguien lo reduce, nos hace un favor...
Felicidad