Known support: Firefox 3.5+, Chrome 3+, Safari 3+, Opera 9+, IE 8+.
Each example uses one sprite and semantic markup. The sprites are cropped using a CSS pseudo-element. When combined with the pseudo background-position hack it can be used to crop images that are positioned behind an element's content.
text content