How to use css image Sprites

CSS Sprites is a CSS technique to combine small images into one big image and then access them using the background-position property. It is used to save HTTP requests.

#container .background {
  background: url(/images/sprite-image.png) -xxpx -xxpx;
  width:  25px; /* width and height of the sprite image you want to display */
  height: 25px;
  position: absolute;
  top: 0;
  left: 0;