JQuery Text Carousel not working in IE
<p>I have created a JQuery Text Carousel Plugin, this works great in Mozilla but in IE the text scrolls up once and then stops, code is below:</p>

<h2>JQuery Text Carousel Plugin</h2>

<pre><code>(function($) {

$.fn.testimonialRoller = function(settings) {


    var defaults =
    {

    };

    settings = $.extend(defaults,settings);

    var divHidden = $("&lt;div/&gt;");
    $(this).append(divHidden);
    $(divHidden).css("float","left;");

    var BuildDivTestimonial =  function(description,name, i)
    {


        var divTestimonialContainer = $("&lt;div/&gt;");
        $(divHidden).append(divTestimonialContainer);
        $(divTestimonialContainer).attr("class","divtestimonialcontainer");
        $(divTestimonialContainer).attr("id","divtestimonialcontainer" + (i + 1));

        var divMain = $("&lt;div style='padding-left:32px; padding-top:26px; padding-right:50px '/&gt;");
        $(divTestimonialContainer).append(divMain);
        $(divMain).attr("class","main");
        $(divMain).html("&lt;strong&gt;... “&lt;/strong&gt;" + description + "&lt;strong&gt;”...&lt;/strong&gt;");

        var divName = $("&lt;div style='padding-left:131px; padding-top:11px '/&gt;");
        $(divTestimonialContainer).append(divName);
        $(divName).attr("class","blue");
        $(divName).html("&lt;strong&gt;" + name + "&lt;strong/&gt;");

    }

    var InitaliseTestimonials = function()
    {
        for(var i = 0; i &lt; settings.data.length; i++)
        {

            var description = settings.data[i][0];
            var name = settings.data[i][1];

            BuildDivTestimonial(description,name, i);
        }
    }

    InitaliseTestimonials();


    var currentPosition = 1;
    var countPosition = 1;

    var StartRollover = function(){

        $(divHidden).animate({ marginTop : -120 * countPosition}, 5000, function() {

            //var divTestimonial = $("#divtestimonialcontainer" + currentPosition);
            //$("#divtestimonialcontainer" + currentPosition).remove();
            //$(this).append(divTestimonial);


            var description = settings.data[currentPosition-1][0];
            var name = settings.data[currentPosition-1][1];

            BuildDivTestimonial(description,name, currentPosition-1);

            currentPosition += 1;
            countPosition += 1;

            if(currentPosition &gt; 5)
            {
                currentPosition = 1;
            }

            if(countPosition == 50)
            {
                $(this).css("marginTop", 0);
                countPosition = 0;
            }

            StartRollover();




        });

    }


    StartRollover();


}

})(jQuery)
</code></pre>

<h2>Installation</h2>

<pre><code>function TestimonialRoller() {

var arrayTestimonials = [["Mauris fermentum dictum magna. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend","Patrick Pool"],
                        ["Mauris fermentum dictum magna. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend","Patrick Pool"],
                        ["Mauris fermentum dictum magna. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend","Patrick Pool"],
                        ["Mauris fermentum dictum magna. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend","Patrick Pool"],
                        ["Mauris fermentum dictum magna. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend","Patrick Pool"]];
$(".testimonials").testimonialRoller({ data:arrayTestimonials });


}
</code></pre>

<h2>HTML</h2>

<pre><code>&lt;div class="testimonials"&gt;

&lt;/div&gt;
</code></pre>

<h2>CSS</h2>

<pre><code>.testimonials
{
float:left;
height:240px;
overflow:hidden;
}

.main
{
    font-family:Tahoma; font-size:13px;  color:#25272E; line-height:13px;

}

.blue
{
    font-family:Tahoma; font-size:11px;  color:#004170;
}
</code></pre>
