[jQuery] JCarousel not rendering added data in IE 6, 7, or 8!!!!!!!!!!!!! Works in all other browsers

[expresso]

I have not been able to get my JCarousel implementation to show the
added data in IE 6,7, or 8.  It works fine in all other
browsers..which is just weird especially when the creator's demos all
run fine in IE (http://sorgalla.com/projects/jcarousel/).

I simply added some simple Javascript logic to my own ItemLoadCallback
functions and the carousel doesn't load images in IE8/IE7 or even IE6
at all when it's fine in all other browsers.

I have valid JSON coming back and it's working fine in FireFox, etc.
otherwise I know I'd have a data parse issue.

Below is part of my itemLoadCallback method that gets the data and
adds it to the Carousel... which again I say my code here works fine
in all other browsers except IE.  I even took a look at the <li>s
produced using firebug and it's definitely valid HTML that I'm seeing
it render in FireFox.

#mycarousel .jcarousel-item-placeholder {
    background: transparent url(../images/carousel/ajax-loader.gif)
50% 50% no-repeat;
}


The gif above shows before the data is added (just like his example
here: http://sorgalla.com/projects/jcarousel/examples/dynamic_flickr_api.html)
but is never replaced by the data I add in my itemLoadCallback in
IE!

If I have not changed how your carousel.js works, why would I have any
trouble with IE whatsoever if the examples on your site are running
fine in IE?

    function mycarousel_itemAddCallback(carousel, first, last) {
        // grab product information
        if (ids != 0) {
            $.getJSON("http://xxx/xxx/CarouselHandler.ashx?
action=getproducts&ids=" + ids,
                function(data) {

                    carousel.size(allProductIDs.length);

                    if (numberOfImagesLeftToShow <
numberOfImagesToDisplay) {
                        first += (numberOfImagesToDisplay -
numberOfImagesLeftToShow);
                    }

                    var d = 0;
                    for (var i = first; i <= last; i++) {

                        if (d != undefined) {
                            // add data using index of the array
returned by JSON (which starts at 0)
                            carousel.add(i, decode(data[d].ImageTag));
                        }

                        // set to last ProductID showing in Carousel
                        if (i == last) { lastProductID = parseFloat
(data[d].ProductID); }

                        d++;
                    }
                }
            );
        }
    };

I don't have a live server to show you this, I'm in dev right now
testing this out before we try to roll it live.  Obviously I'm stumped
here on the IE issue pertaining to my implementation and I don't see
myself doing anything strange that would cause this not to run in IE!

I'm desperate for some help on this.  I cannot get a hold of Jan, the
creator.