.rating {
      overflow: hidden;
      display: inline-block;
  }
  .rating-input {
      float: right;
      width: 24px;
      height: 24px;
      padding: 0;
      margin: 0 0 0 -24px;
      opacity: 0;
  }
  .rating-star {
      display: block;
      width: 24px;
      height: 24px;
      background: url('/images/star.png') 0 -24px;

  }

  .rating:hover .rating-star:hover,
  .rating:hover .rating-star:hover ~ .rating-star,
  .rating-input:checked ~ .rating-star {
      background-position: 0 0;
  }
  .rating-star,
  .rating:hover .rating-star {
      position: relative;
      float: right;
      display: block;
      width: 24px;
      height: 24px;
      background: url('/images/star.png') 0 -24px;
  }