Какво не е наред че не иска да работи.

[sentenello]

Правя си сам 5 стар рейтинг система, но не мога да разбера какво не е наред в кода ми.

Ето малко стилизация

.starrating li {
float:left;
margin:0;
padding:0;
list-style:none outside none;
}
.ratings_over {
background: url("../starrating/star-on.png") no-repeat; 
}
.ratings_stars {  
 background: url('../starrating/star-off.png') no-repeat;  
float:      left;  
height:     16px;  
padding:    2px;  
 width:      16px;  
 }

Ето го и скрипта.

<script type="text/javascript">
$('.ratings_stars').hover(  
 // Handles the mouseover  
     function() {  
        $(this).prevAll().andSelf().addClass('ratings_over');  
        $(this).nextAll().removeClass('ratings_vote');  
    },  
 );  
 </script >

А ето и хтмл

	<div >
		<ul id="star" class="starrating">
			<li class="star_1 ratings_stars"> </li>
			<li class="star_2 ratings_stars"> </li>
			<li class="star_3 ratings_stars"> </li>
			<li class="star_4 ratings_stars"> </li>
			<li class="star_5 ratings_stars"> </li>
		</ul>
	</div>

Не мога да разбера при хоувър на li с клас ratings_stars защо не се променя фона на картинката.