enlaces hover cambiantes

hola! he seguido el curso paso a paso para hacer la web, pero ahora quiero hacer una pequeña "floritura" y no me aclaro sobre como hacerla. tengo un enlace que es una imagen y quiero que al pasar el raton por encima esa imagen cambie. podeis ayudarme??
muchas gracias de antemano!
<html>
<head>
<style type="text/css">
a img {border:0}
a span {display: none}
a:hover span {display: inline}
a:hover>img {display: none}
</style>
</head>
<body>
enlace[contenido no disponible]<span>[contenido no disponible]</span>
</body>
</html>

Modifica eso ;)
Fuente
he hecho lo que dices, pero lo que sucede es que cuando paso el raton por encima aparecen las 2 a la vez ¿?
he leido algo de un comando mouseover, ¿sabes algo al respecto?
perdona si parezco un poco torpe, pero soy totalmente novata en estas cosas.... :oops:
gracias!
martrix escribió:hola! he seguido el curso paso a paso para hacer la web, pero ahora quiero hacer una pequeña "floritura" y no me aclaro sobre como hacerla. tengo un enlace que es una imagen y quiero que al pasar el raton por encima esa imagen cambie. podeis ayudarme??
muchas gracias de antemano!

Es esto: http://www.comocreartuweb.com/phpBB2/ftopic13607.html

Pero este post va en foro general...