No me sale rollover CSS

[only_skating]

Hola, no consigo que me funcione el rollover únicamente con css que busco, no sé donde esta el fallo, por si esta muy mal planteado, lo que quiero es que una imagen se muestre y al pasar el raton por encima se muestre otra.un saludo y gracias de antemano

Código HTML:

 <div class="fiestas"><a href="#"></a></div> 

Código HTML:

.fiestas{
	float:left;
	width:340px;
	height:235px;
	display:block;
	}
.fiestas a{
	background-image:url(fiestas.jpg);
	display:block;
	text-decoration:none;
	width:100%;
	}
.fiestas a:hover{
	background-image:url(playas.jpg);
	}