Помогите с hover свойством

<div class="block_with_image"><img src="poster.jpg" alt=""/><a href="#" class="button_play">PLAY</a></div>

.block_with_image {
position:relative;
}
.block_with_image img {
width:80px;
height:100px;
}
.block_with_image a.button_play {
position:relative;
display:block; /*задаем отображать данный элемент как блок, чтобы ничего не ехало и было всё четко*/
width:30px; /* задаем размеры кнопки (картинки)*/
height:20px;
margin-top:-60px; /*поднимаем кнопку в верх изображения высота картинки - высота кнопки = высота подъема*/
background:url(../images/PLAY-SER.PNG) no-repeat;
}
.block_with_image a.button_play:hover {
background:url(../images/PLAY-BLACK.PNG) no-repeat;
}