Другой рейтинг для DLE

Здравствуйте. В общем хочу организовать другой рейтинг на дле, а точнее другой его вид. В общем нужно чтобы были большие звезды, 5 штук, нажимая на 1 вы голосуете плохо и так далее. В общем почти получилось такое организовать, только вот проблема. Когда уже проголосовал за новость некоректно выводит результат. Помогите кто чем может.
Вот код:

.rating {
    font-size: 0px;        /* ! */
    width: 300px;
    height: 50px;
    margin-top:5px;
}
.unit-rating {
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 300px;
    height: 50px;
    position: relative;
    background-image: url(../dleimages/rating.png);
    background-position: top left;
    background-repeat: repeat-x;
}
.unit-rating li {
    text-indent: -90000px;
    padding: 0px;
    margin: 0px;
    float: left;
}
.unit-rating li a {
    display: block;
    width: 60px;
    height: 50px;
    text-decoration: none;
    text-indent: -9000px;
    z-index: 17;
    position: absolute;
    padding: 0px;
}
.unit-rating li a:hover {
    background-image: url(../dleimages/rating.png);
    background-position: left center;
    z-index: 2;
    left: 0px;
}
.unit-rating a.r1-unit { left: 0px; }
.unit-rating a.r1-unit:hover { width: 60px; }
.unit-rating a.r2-unit { left: 60px; }
.unit-rating a.r2-unit:hover { width: 120px; }
.unit-rating a.r3-unit { left: 120px; }
.unit-rating a.r3-unit:hover { width: 180px; }
.unit-rating a.r4-unit { left: 180px; }   
.unit-rating a.r4-unit:hover { width: 240px; }
.unit-rating a.r5-unit { left: 240px; }
.unit-rating a.r5-unit:hover { width: 300px; }
.unit-rating li.current-rating {
    background-image: url(../dleimages/rating.png);
    background-position: left bottom;
    position: absolute;
    height: 50px;
    display: block;
    text-indent: -9000px;
    z-index: 1;
}