The examples seem to work fine on http://sorgalla.com/projects/jcarousel/ but for some reason my implementation shows the placeholders but no images are rendered. I looked at the mark-up and the html is fine. It works in FireFox, Safari, and Chrome just fine and so it's weird that my implementation would be any different in rendering in IE 8 especially when I haven't even touched the source nor the .css except for making the carousel wider which has nothing to do with this problem. Even when I take out the style sheet changes I made (Which are only 2) and use the same base style sheet they are using that has worked in IE 8 with their examples, mine still does not render the images.
here's example source. But I don't think the source is the issue, it might be something in the carousel .js. I don't get it. <div> </div> <div> <div class="jcarousel-skin-ie7"> <div class="jcarousel-container jcarousel-container-horizontal" style="display: block; height: 220px; width: 300px;"> <div class="jcarousel-prev jcarousel-prev-horizontal" style="display: block;" disabled="false"/> <div class="jcarousel-next jcarousel-next-horizontal" style="display: block;" disabled="false"/> <div class="jcarousel-clip jcarousel-clip-horizontal" style="width: 300px; height: 220px;"> <ul id="mycarousel" class="jcarousel-list jcarousel-list-horizontal" style="height: 220px; width: 2884px; left: -152px;"> <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-1 jcarousel-item-1-horizontal" jcarouselindex="1"> <div class="CarouselItem"> <p> <img alt="" src="http://www.xxx.com/image/256.jpg"/> </p> <p> </p> <p>$20.95</p> <div/> </div> </li> <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-2 jcarousel-item-2-horizontal" jcarouselindex="2"> </li> <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-3 jcarousel-item-3-horizontal" jcarouselindex="3"> </li> <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-4 jcarousel-item-4-horizontal" jcarouselindex="4"> </li> <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-5 jcarousel-item-5-horizontal" jcarouselindex="5"> </li> <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-6 jcarousel-item-6-horizontal" jcarouselindex="6"> </li> <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-7 jcarousel-item-7-horizontal" jcarouselindex="7"> </li> <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-8 jcarousel-item-8-horizontal" jcarouselindex="8"> </li> <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-9 jcarousel-item-9-horizontal" jcarouselindex="9"> </li> <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-10 jcarousel-item-10-horizontal" jcarouselindex="10"> </li> <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-11 jcarousel-item-11-horizontal" jcarouselindex="11"> </li> <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-12 jcarousel-item-12-horizontal" jcarouselindex="12"> </li> <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-13 jcarousel-item-13-horizontal" jcarouselindex="13"> </li> <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-14 jcarousel-item-14-horizontal" jcarouselindex="14"> </li> <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-15 jcarousel-item-15-horizontal" jcarouselindex="15"> </li> <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-16 jcarousel-item-16-horizontal" jcarouselindex="16"> </li> <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-17 jcarousel-item-17-horizontal" jcarouselindex="17"> </li> </ul> </div> </div> </div> </div> On Jul 2, 12:12 am, expresso <dschin...@gmail.com> wrote: > Has anyone had a problem where JCarousel does not render images in IE > 8 but works fine in FF?
![http://www.xxx.com/image/256.jpg"/](http://www.xxx.com/image/256.jpg"/){kind=link}