Добрый день!
Буду очень благодарен, если кто подскажет.
Не в силах сам разобраться.
Лист отображается нормально в нормальных браузерах.
Проблема: не видно в IE 6,7,8.
Код взял с
http://jqueryfordesigners.com/jquery-infinite-carousel/
<div id="main_content" >
<div class="infiniteCarousel">
<div class="wrapper">
<ul>
<li>
<a href="http://localhost/shop/test1-p44/">
<img src="http://localhost/shop/product_images/1293441423/thumb.gif" /></a>
</li>
<li>
<a href="http://localhost/shop/test1-p47/">
<img src="http://localhost/shop/product_images/1293441427/thumb.gif" /></a>
</li>
<li>
<a href="http://localhost/shop/test1-p49/">
<img src="http://localhost/shop/product_images/1293441429/thumb.gif" /></a>
</li>
...
...
...
</ul>
</div></div></div>
#main_content {
float: left;
text-align: left;
text-decoration: none;
margin: auto;
width: 583px;
}
.infiniteCarousel {
width: 395px;
height:100px;
position: relative;
}
.infiniteCarousel .wrapper {
width: 315px;
height:100px;
overflow: auto;
margin: 0 40px;
position: absolute;
top: 0;
}
.infiniteCarousel .wrapper ul {
list-style:none;
position: absolute;
top: 0;width: 9999px; height:100px;
}
.infiniteCarousel ul li {
float:left;
display:block;
padding: 10px;
height: 85px;
width: 85px;
}
.infiniteCarousel ul a img {
border: 5px solid #000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.infiniteCarousel ul li a img {
display:block;
width:62px;
}