So I recently discovered the effectiveness of using sprite sheets for multiple images, like if I have a hover image state and a normal image state to just put them inthe same image and change the background position.

So I tried it but I can't get it to ever work...here is my code:

.class {

display: block;

height: 80px;

background: url(../images/img.png) 0 0;

}

.class:hover {

background: url(../images/img.png) no-repeat 1000 0;

}

It displays the image, but then when I hover it still dispalys the same position.