.star-rating{
 list-style: none;
 margin: 3px;
 padding: 0px;
 width: 135px;
 height: 25px;
 position: relative;
 background: url(https://c300904.ssl.cf1.rackcdn.com/starrating.gif) top left repeat-x;
}
.star-rating li{
 padding:0px;
 margin:0px;
 /*\*/ - Backslash hack, this causes IE5 & Mac NOT to see this rule
 float: left; - for any other browser, makes a horizontal list
 /* */ - end the IE5 Backslash hack
}
.star-rating li a{
 display:block;
 width:27px;
 height: 25px;
 text-decoration: none;
 text-indent: -9000px;
 z-index: 20;
 position: absolute;
 padding: 0px;
 background-image:none;
}
.star-rating li a:hover{
 background: url(https://c300904.ssl.cf1.rackcdn.com/starrating.gif) left bottom;
 z-index: 1;
 left: 0px;
}
.star-rating a.one-star{
 left: 0px;
}
.star-rating a.one-star:hover{
 width:27px;
}
.star-rating a.two-stars{
 left:27px;
}
.star-rating a.two-stars:hover{
 width: 54px;
}
.star-rating a.three-stars{
 left: 54px;
 }
.star-rating a.three-stars:hover{
 width: 81px;
}
.star-rating a.four-stars{
 left: 81px;
}
.star-rating a.four-stars:hover{
 width: 108px;
}
.star-rating a.five-stars{
 left: 108px;
}
.star-rating a.five-stars:hover{
 width: 135px;
}