CSS Sprite img link

Reference: Foreground <img> Sprites

<h2 class="popular"><img src="img-sprite.png" alt="" />Featured</h2>
<h2 class="featured"><img src="img-sprite.png" alt="" />Popular</h2>

h2 {
 overflow: hidden;
 position: relative;
 height: 50px;
 width: 200px;
}
h2 img {
 position: relative;
}
h2.popular img {
 top: -100px;
}
h2.featured img {
 top: -200px;
}