Ocena postu źle się wyświetla

wersja skryptu MyBB:1.6.10
adres forum: http://forum.wowp.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):
Witam.
Poszukuję rozwiązania problemu ze źle wyświetlającymi się ocenami wątku,
Wszystko do podejrzenia live na stronie.

Szukałem w css, ale chyba nie ma nic odpowiedzialnego za ocenę, w rating.js też grzebałem, ale na JS się mało znam, a nie widzę nic z background czy podobnym tekstem.
Pozdrawiam

podaj star_rating.css

.star_rating,
.star_rating li a:hover,
.star_rating .current_rating {
    background: url(images/star_rating.gif) left -1000px repeat-x;
    vertical-align: middle;
}

.star_rating {
    position: relative;
    width:80px;
    height:16px;
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
    background-position: left top;

}

td .star_rating {
    margin: auto;

}

.star_rating li {
    display: inline;

}

.star_rating li a,
.star_rating .current_rating {
    position: absolute;
    text-indent: -1000px;
    height: 16px;
    line-height: 16px;
    outline: none;
    overflow: hidden;
    border: none;
    top:0;
    left:0;
}

.star_rating_notrated li a:hover {
    background-position: left bottom;
}

.star_rating li a.one_star {
    width:20%;
    z-index:6;
}

.star_rating li a.two_stars {
    width:40%;
    z-index:5;
}

.star_rating li a.three_stars {
    width:60%;
    z-index:4;
}

.star_rating li a.four_stars {
    width:80%;
    z-index:3;
}

.star_rating li a.five_stars {
    width:100%;
    z-index:2;
}

.star_rating .current_rating {
    z-index:1;
    background-position: left center;
}

.star_rating_success, .success_message {
    color: #00b200;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

.inline_rating {
    float: left;
    vertical-align: middle;
    padding-right: 5px;
}

Nie zauważyłem nawet, że jest taki styl /facepalm

Ale przyda mi się pomoc z jego edycją

To jest przyczyna Twojego problemu:

ul li a {
  background-image:url(http://forum.wowp.pl/images/nova/thead4.gif);
  background-position:initial initial;
  background-repeat:initial initial;
  border-left-color:rgba(255, 255, 255, 0.0980392);
  border-left-style:solid;
  border-left-width:1px;
  border-right-color:rgba(0, 0, 0, 0.0980392);
  border-right-style:solid;
  border-right-width:1px;
  display:block;
  line-height:39px;
  padding:0 20px;
  text-align:center;
}

ul li a to bardzo wszechstronny selektor, stylowanie go w ten sposób nie jest najlepszym pomysłem. Polecam znalezienie go w navigation.css i dodanie jakiejś klasy do ul, zakładam że ul.menu li a wystarczy, ale ręki uciąć sobie nie dam. Ten selektor mógł mieć też zastosowanie w innych listach, poszukaj i dodaj do nich klasę .menu lub stwórz nową podobną.

Faktycznie, to jest przyczyną mojego problemu.

Tylko niestety nie wiem co dokładnie i gdzie mam napisać/wkleić, CSS na tyle nie znam niestety.

Mógłbyś mi powiedzieć jaki kod i gdzie?
Będę bardzo wdzięczny.
Pozdrawiam