OnMouseOver/Out
 

Здравствуйте!
Буду благодарен за советы и помощь в таком вопросе.
Написал небольшой скрипт рейтинга "звездочками":

<style type="text/css">
.rate
{
	cursor:hand;
}
.rate A
{
	float:left;
	width:16px;
	height:16px;
	cursor:hand;
	text-decoration:none;
	background:url(/TEST/star.gif) no-repeat;
	margin:0;
	padding:0;
}
.rate A.Select
{
	background-position: 0 -16px;
}
.rate A.Hover
{
	background-position: 0 -32px;
}
</style>

<script language="javascript">
var t;
var s;
function FillRect(Obj,Val)
{
	var Elems=Obj.parentNode.getElementsByTagName("a");
	for(var i=0;i<Val;i++)
	{
		if (!Elems[i].className.match(/ Hover/))
		{
			Elems[i].className+=" Hover";
		}
	}
}
function ClearRect(Obj,Val)
{
	var Elems=Obj.parentNode.getElementsByTagName("a");
	for(var i=0;i<Val;i++)
	{
		Elems[i].className=Elems[i].className.replace(/ Hover/,"");
	}
}
</script>

<div class="rate">
<a href="" onmouseover="FillRect(this,1)" onmouseout="ClearRect(this,1)" class="Select"></a>
<a href="" onmouseover="FillRect(this,2)" onmouseout="ClearRect(this,2)"></a>
<a href="" onmouseover="FillRect(this,3)" onmouseout="ClearRect(this,3)"></a>
<a href="" onmouseover="FillRect(this,4)" onmouseout="ClearRect(this,4)"></a>
<a href="" onmouseover="FillRect(this,5)" onmouseout="ClearRect(this,5)"></a>
</div>

В Опере все прекрасно. Но как только решил посмотреть в IE - оказалось все не так сладко. Проблема - при перемещении курсора звезды все время перересовываются (мигают). Как это можно побороть?