CSS - Карусель - Google Chrome

[SnAKEen]

Всем Здрям!!!

Вот такой проблем нарисовалася:

Есть у меня карусель картинок:

<div id="carousel19" class="asp_caro" style="width: 753.016px; ">
	<div id="carousel-layer19" style="width: 3120px; margin-left: -126px; ">
		<div class="asp_carousel" id="test_121_19">
			<div id="asp_body_121" style="text-align: center;">
				<div id="asp_squ" style="text-align:center" title="922102">922102</div>
				<div id="asp_picture"><a href="xxx.xxx" id="hsm121" class="hs" onclick="return hs.expand(this, slideOptions);"><img src="xxx.xxx"></a></div>
			</div>
		</div>
		<div class="asp_carousel" id="test_121_19">
			<div id="asp_body_121" style="text-align: center;">
				<div id="asp_squ" style="text-align:center" title="922102">922102</div>
				<div id="asp_picture"><a href="xxx.xxx" id="hsm121" class="hs" onclick="return hs.expand(this, slideOptions);"><img src="xxx.xxx"></a></div>
			</div>
		</div>
		.................
	</div>
</div>

Это стрелки прокрутки (при использовании jqurry):

<table border="0" width="100%"><tbody><tr>
<td align="left" width="50px" valign="bottom">
	<a id="a19" href="java script:c_prev_loop19();" onmouseover="interval=setInterval(function(){c_prev_loop19()},100);" onmouseout="clearInterval(interval);"><<<<<</a></td>
	<td align="right" width="50px" valign="bottom"><a id="b19" href="java script:c_next_loop19();" onmouseover="interval=setInterval(function(){c_next_loop19()},100);" onmouseout="clearInterval(interval);">>>>>></a></td>
</tr></tbody></table>

Вот сам скрипт прокрутки:

<script type="text/javascript">
	var wiwi = 320; var c_num = 4; var c_total19 = 26; var c_maxwidth19 = 3120; var c_step19 = 30; var c_pos19 = 0;
	$(document).ready(function(){
		$(function() { var wi19 = $(window).width(); $('#carousel19').width( wi19 + (((1024/wi19)/5)*wiwi)-wiwi );});
		$(window).resize(function() { var wi19 = $(window).width(); if (wi19 <= 900) return; $('#carousel19').width( wi19 + (((1024/wi19)/5)*wiwi)-wiwi ); });
	});
	function c_prev_loop19() { if (c_pos19 <= 0) { return; } c_set19(--c_pos19); }
	function c_next_loop19() { if ((c_pos19 + 20) * c_step19 >= c_maxwidth19) { return; } c_set19(++c_pos19); }
	function c_set19(pos) { $('#').animate({ : -pos * c_step19 }, 0);} 
</script>

Стили:

.asp_carousel
{
	text-align: center;
	width: 120px;
	float: left;
}		
.asp_caro
{
	/*width: 620px;*/
	width: 720px;
	overflow: hidden;
	/*position: inherit;*/
}

Основа карусели это то что у DIV'a(carousel-layer19) margin-left сдвигается в минус засечет этого получаем прокрутку.

Дело в том что margin-left действительно изменяется при отработке скрипта, но вот визуально ничего не происходит.

Почему вдруг так случилось не пойму, ведь одно время работало. Еще одну фишку нашел если у DIV'a(carousel-layer19) убрать параметр width элементы конечно сразу переносятся по строкам в ширину экрана, но зато визуально начинает реагировать на изменение margin-left

Самое интересное что работает во всех браузерах, даже в капризном эксплорере (в котором я обычно такие баги и нахожу))) )

Может у кого есть свежая мысль???

Всем спасибо..

Edited June 5, 2010 by SnAKEen

[SnAKEen]

ВСЁ!!!

тему мона закрыть, решил проблемму... у меня все енто дело было в теге <center> в немто как раз вся загвоздка и была...

уважаемые модераторы Закройте или удалите