Hombre, un tanto fatalista los de "empiezo a pensar que el intercambio de imágenes no se puede hacer con CSS".
Es una cosa simplísima. Mira este código:
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Cambio de imagenes de fondo</title>
<style type="text/css">
a { width: 61px;
height: 37px;
display: block;
position: relative;
background-image: url(img/N1.gif);
background-repeat: no-repeat;
}
a:hover { background-color: transparent;
background-image: url(img/N2.gif);
background-repeat: no-repeat;
}
</style>
</head>
<body>
<a href="#"></a>
</body>
</html>
Antes de que cambies las imágenes, mira este ejemplo funcionando para que veas que es perfectamente posible (es el mismo código que te pongo).
http://www.menoslobos.com/mikel/cambio_de_imagenes.html
Mikel.