имхо это уже точно бред

на море сваливаю

<b>текст</b>

<div style="float: left; text-align: left;">
<script type="text/javascript">
function rateMovie(rate){_uPostForm('',{url:'/load/0-1-'+rate+'-$ID$-3'}); return false;}
</script>
<div id="sr">
<span class="s" id="cr0"></span>
<select size="1" name="rating" class="eRating" onchange="if (this.options[this.selectedIndex].value!=0 && confirm(this.options[this.selectedIndex].text+'?')){this.disabled=true;_uPostForm('',{url:'/load/0-1-'+this.options[this.selectedIndex].value+'-$ID$-3'}); }"><option value="0" selected="selected">- Оценить -</option><option value="5">Отлично</option><option value="4">Хорошо</option><option value="3">Неплохо</option><option value="2">Плохо</option><option value="1">Ужасно</option></select>
<a id="s1" href="#" onmouseout="hideTitle();" onmouseover="showTitle(1);" onclick="return rateMovie(1);" title="Ужасно"></a>
<a id="s2" href="#" onmouseout="hideTitle();" onmouseover="showTitle(1);" onclick="return rateMovie(1);" title="Ужасно"></a>
<a id="s3" href="#" onmouseout="hideTitle();" onmouseover="showTitle(2);" onclick="return rateMovie(2);" title="Плохо"></a>
<a id="s4" href="#" onmouseout="hideTitle();" onmouseover="showTitle(2);" onclick="return rateMovie(2);" title="Плохо"></a>
<a id="s5" href="#" onmouseout="hideTitle();" onmouseover="showTitle(3);" onclick="return rateMovie(3);" title="Средне"></a>
<a id="s6" href="#" onmouseout="hideTitle();" onmouseover="showTitle(3);" onclick="return rateMovie(3);" title="Средне"></a>
<a id="s7" href="#" onmouseout="hideTitle();" onmouseover="showTitle(4);" onclick="return rateMovie(4);" title="Хорошо"></a>
<a id="s8" href="#" onmouseout="hideTitle();" onmouseover="showTitle(4);" onclick="return rateMovie(4);" title="Хорошо"></a>
<a id="s9" href="#" onmouseout="hideTitle();" onmouseover="showTitle(5);" onclick="return rateMovie(5);" title="Отлично"></a>
<a id="s10" href="#" onmouseout="hideTitle();" onmouseover="showTitle(5);" onclick="return rateMovie(5);" title="Отлично"></a>
</div>
</div>

select.eRating {font-size: 8pt;display:none;}
div#details {background-color: #F6F6F6;border: 1px solid #CCCCCC;padding: 5px 10px 10px;margin-bottom: 10px;}
div#sr {position: relative;width: 170px;height: 17px;background: url(http://qkadr.ru/ico/rating.gif) left top repeat-x; }
div#sr span.s {left: 0;height: 15px;margin: 0;padding: 0;position: absolute;background: url(http://qkadr.ru/ico/rating.gif) left bottom repeat-x;}
div#sr span#cr1 {width: 17px;}
div#sr span#cr2 {width: 34px;}
div#sr span#cr3 {width: 51px;}
div#sr span#cr4 {width: 68px;}
div#sr span#cr5 {width: 85px;}
div#sr span#cr6 {width: 102px;}
div#sr span#cr7 {width: 119px;}
div#sr span#cr8 {width: 136px;}
div#sr span#cr9 {width: 153px;}
div#sr span#cr10 {width: 170px;}
div#sr a {font-size: 0px;width: 17px;height: 15px;position: absolute;text-decoration: none;z-index: 20;}
div#sr a:hover {background: url(http://qkadr.ru/ico/rating.gif) left center repeat-x;z-index: 2;}
a#s1 {left: 0;}
a#s1:hover {left: 0;width: 17px;}
a#s2 {left: 17px;}
a#s2:hover {left: 0;width: 34px;}
a#s3 {left: 34px;}
a#s3:hover {left: 0;width: 51px;}
a#s4 {left: 51px;}
a#s4:hover {left: 0;width: 68px;}
a#s5 {left: 68px;}
a#s5:hover {left: 0;width: 85px;}
a#s6 {left: 85px;}
a#s6:hover {left: 0;width: 102px;}
a#s7 {left: 102px;}
a#s7:hover {left: 0;width: 119px;}
a#s8 {left: 119px;}
a#s8:hover {left: 0;width: 136px;}
a#s9 {left: 136px;}
a#s9:hover {left: 0;width: 153px;}
a#s10 {left: 153px;}
a#s10:hover {left: 0;width: 170px;}
div#sr span#st {left: 95px;height: 17px;margin: 1px 0 0;padding: 0;position: absolute;}

И кладите хуй на всех тех кто что то вам за деньги впаривает!!! Если что пишите мне все сделаем поможем! Мелкие настройки для скрипта и будет вам плавные передвижения или что он там писал...

ну ка пример в студию