.star-rating{
  display        : inline-block;
  position       : relative;
  height         : 24px;
  background     : url('img/stars.png') repeat-x 0 0;
  vertical-align : bottom;
}

.star-rating div{
  float    : left;
  position : relative;
  height   : 24px;
}

.star-rating input{
  position : relative;
  z-index  : 1;
  width    : 24px;
  height   : 24px;
  margin   : 0;
  padding  : 0;
  opacity  : 0;
}

.star-rating label{
  position : absolute;
  top      : 0;
  left     : 0;
  width    : 100%;
  height   : 24px;
}

.star-rating span{
  display : none;
}

.star-rating       input:checked       + label,
.star-rating:hover input:checked:hover + label{
  background : url('img/stars.png') repeat-x 0 -24px;
}

.star-rating:hover input:checked + label{
  background : transparent;
}

.star-rating:hover input:hover + label{
  background : url('img/stars.png') repeat-x 0 -48px;
}