Mostrar imagen al pasar el raton por boton

[miniprogrammer]

Buenas!!!

Pues la verdad es que el asunto dice lo que quiero...

Tengo un boton por el cuál quiero que cuando pase el cursor me pinte una imagen de un circulito amarillo.

Lo quiero hacer vía CSS pero la verdad no se como.

Dejo el código del estilo a ver si me pueden ayyudar

Código:

.btn {
        font-size:10px;
        font-family:Verdana,Helvetica;
        font-weight:bold;
        height:19px;        
        color:#FFFFFF;
        border:0px;
        width:150px;
        
        background-image:url("../boton"); 
		background-repeat:repeat-x; 
}
.btn:hover{
	background:url("../punto.gif");
	background-repeat:no-repeat; 
}

Gracias de antemano.
SAludo.s

[Maicro]

¿Qué imagen tiene el botón?

[punk567]

Hola, con ese código debería funcionar bien

fijate que hay un error
background-image:url("../boton"); falta la extension del archivo de imagen

Saludos

[miniprogrammer]

Gracias a ambos por las respuestas.

El código esta bien, el nombre de la imagen tiene la extension, no se porque la puse aqui sin ella la verdad pero esta bien formado...

Y nada, sigue pasando lo que os decia.
Cuando paso el raton por encima veo la imagen pero la veo fija y no se mueve según paso el raton por encima del boton....

¿alguna sugerencia?

[Maicro]

¿Que no se mueve? Pero, ¿es que tendría que moverse? Creía que sólo querías que al posicionar el puntero encima se mostrase punto.gif. Que, por cierto, no entiendo mucho, pero, ¿por qué al hover le pones simplemente background:url("../punto.gif");, y no background-image:url("../punto.gif");?

Además, supongo que boton.gif y punto.gif serán iguales, sólo que en el segundo le has añadido el puntito, ¿no?