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:
background: url(../images/img.png) 0 0;
background: url(../images/img.png) no-repeat 1000 0;
It displays the image, but then when I hover it still dispalys the same position.
I forgot to mention the size of the image is 2000 x 60 so I want the first 1000 x 60 to show, then on hover the second 1000 x 60 to show