#star-rating {
width: 200px;
height: 30px;
list-style: none;
position: relative;
overflow:visible;
background:url(../img/icons/rate.gif) 0px 0px no-repeat;
font-size:100%;
margin:0;
padding:0;
}

#star-rating li {
position: absolute;
display: block;
height: 30px;
line-height: 12px;
font-size: 115%;
font-weight:bold;
}

#star-rating li a {
display: block;
height: 30px;
width: 100%;
text-decoration:none;
}

#r1{width: 20px;z-index: 200;}
#r2{width: 40px;z-index: 190;}
#r3{width: 60px;z-index: 180;}
#r4{width: 80px;z-index: 170;}
#r5{width: 100px;z-index: 160;}
#r6{width: 120px;z-index: 150;}
#r7{width: 140px;z-index: 140;}
#r8{width: 160px;z-index: 130;}
#r9{width: 180px;z-index: 120;}
#r10{width: 200px;z-index: 110;}

#star-rating li a:hover{background:url(../img/icons/rate.gif) 0px -60px;}

#star-rating li a span{ display: none; }
#star-rating li a:hover span {
display: block;
text-indent: 0;
color: #fff;
font-weight: bold;
position: absolute;
top: -17px;
left:-45px;
margin: 0;
padding: 4px;
width: 200px;
text-align:center;
border:none;
}
.current-rating {
background:url(../img/icons/rate.gif) 0px -30px no-repeat;
position: absolute;
height: 30px;
display: block;
text-indent:-9999px; /* Hide the current rating text */
overflow: hidden;
z-index: 1;
}