[dopelher]

Добрый день!
Буду очень благодарен, если кто подскажет.
Не в силах сам разобраться.
Лист отображается нормально в нормальных браузерах.
Проблема: не видно в 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;
}