Всем Здрям!!! Вот такой проблем нарисовалася: Есть у меня карусель картинок: <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 Самое интересное что работает во всех браузерах, даже в капризном эксплорере (в котором я обычно такие баги и нахожу))) ) Может у кого есть свежая мысль??? Всем спасибо..