Imagen rollover con css.

[hybrideology]

Recien acabo de aprender como hacer un rollover pero con texto, es decir, un texto pero que cambia la imagen del fondo.
Lo que ahora quiero es que sea la imagen que cambie sin necesidad de texto. que cambie en el estado hover pero que no exista texto.

DEsde ya gracias

Edit: lo solucione con este codigo:

Código:

#menu a {
		display:block;
 		width: 350px;
		height: 99px;
		background: url("button.gif") 0 0 no-repeat;
		text-indent: -9000px;
   }

Donde mando el texto con text-indent: -9000px; a un lugar poco visible.

Lo descubri viendo css de otras paginas, asi que no me doy el credito.

Como quedo terminado:

Ejemplo

[KnowDemon]

En vez de usar el text-indent para ocultar el texto, puedes utilizar esta solución más elegante:

En tu HTML:

<a href="algunlugar"><span>El texto invisible</span></a>

En tu CSS:

a span{
display: none;
}

[RoQ]

hay uno muy bueno usando el background-position
http://www.baluart.net/articulo.php?id_art=2