Background and hover-background from a single PNG file? - Joomla! Forum - community, help and support

hi!
there 3 icons @ bottom of "socials" panel of yootheme website.
the background , hover-background defined in single png i've attacked below.
how work?
thanx!

use css background-position property define image background.

code: select all

a {
display: block;
width: 36px;
height: 37px;
background:url(images/social.png) no-repeat 0 0;
}

a:hover {
background-position: 0 -47px;
}