No, la imagen no es la misma, parecida sí, pero igual no.
La tuya: ..
La original del ejemplo: ..
Deberías alterar en el css las medidas de los elementos en la misma proporción que has hecho con la imagen.
Ejemplo
Cita: .rank ul {
width: 125px;
height: 25px;
}
.rank li.current-rating {
height: 25px;
}
.rank li a {
width: 25px;
height: 25px;
}
.rank a.star-1 {left: 0px;}
.rank a.star-1:hover {width: 25px;}
.rank a.star-2 {left: 25px;}
.rank a.star-2:hover {width: 50px;}
.rank a.star-3 {left: 50px;}
.rank a.star-3:hover {width: 75px;}
.rank a.star-4 {left: 75px;}
.rank a.star-4:hover {width: 100px;}
.rank a.star-5 {left: 100px;}
.rank a.star-5:hover {width: 125px;}
Si haces esto último, creo que será mas exacto que lo indicado en mi primer comentario.
Un saludo