баг javascript+jQuery под mac os
 

Доброго времени суток...

Делаю прокрутку типа "карусель". Столкнулся с очень интересной
проблемой:

1. есть 2 функции:

function Prew()
{
	var ncs=document.getElementById("scroll").style.left;
	var l2=ncs.length-2;
	var npx=Number(ncs.substr(0,l2));
	if(npx<-10) { $('#scroll').animate({"left": "+=365px"}, 300); }
}


function Next()
{
	var cs=document.getElementById("scroll").style.left;
	var scroll=document.getElementById("scroll");
	var ow=scroll.offsetWidth;
	var r;
	var l=cs.length-2;
	var px=Number(cs.substr(0,l));
	r=ow+px-365;
	if(r>0) { $('#scroll').animate({"left": "-=365px"}, 300); }
}

они управляют вот этим куском кода на странице

<div id="scroll_content" style="overflow: hidden; width: 365px; position: relative;">
   <div id="scroll" style="width: 1095px; left: 0px; position: relative;">
      <div id="cat1" class="nav22" align="center" style="width: 365px; float: left;">
      Шоурум на гранатном переулке
      </div>
      <div id="cat2" class="nav22" align="center" style="width: 365px; float: left;">
      Шоурум на гранатном переулке
      </div>
      <div id="cat3" class="nav22" align="center" style="width: 365px; float: left;">
      Шоурум на гранатном переулке
      </div>
   </div>
</div>

Тестировал под windows - все работает как и должно, но наткнулся на то, что при работе данного кода в браузере (firefox, safari) под mac os прокрутка происходит сначала на 277рх потом на 365рх. В результате, вместо того, чтобы фраза встала по центру контейнера я имею половину предыдущей фразы и половину последующей...

Подскажите в чем тут дело и как это исправить...
Спасибо