Client Area Ticket Raiting Template Problem

[BryanB]

Can anyone tell me why the stars in the ticket rating section of my template look like this:

 

 

At first there are no stars and then when I mouse over that area they appear as 1 and 1/2 star under neath.

 

This is on viewticket.php

 

Here is that part of viewticket.tpl:

 

{literal}
<script language="javascript">
$(document).ready(function(){
   $("#addfileupload").click(function () {
       $("#fileuploads").append("<input type=\"file\" name=\"attachments[]\" size=\"50\"><br />");
       return false;
   });
});
function rating_hover(id) {
 var selrating=id.split('_');
 for(var i=1; i<=5; i++){
   if(i<=selrating[1]) document.getElementById(selrating[0]+'_'+i).style.background="url(images/rating_pos.png)";
   if(i>selrating[1]) document.getElementById(selrating[0]+'_'+i).style.background="url(images/rating_neg.png)";
 }
}
function rating_leave(id){
 for(var i=1; i<=5; i++){
   document.getElementById(id+'_'+i).style.background="url(images/rating_neg.png)";
 }
}
function rating_select(id){
 {/literal}window.location='viewticket.php?tid={$tid}&c={$c}&rating='+id;{literal}
}
</script>
{/literal}
<h2>{$LANG.supportticketsviewticket} #{$tid}</h2>
{if $errormessage}
<div class="errorbox">{$errormessage}</div>
<br />
{/if}

 

 

Thanks!