jCarousel not working in IE8

Question

I've been trying to get this working for the last hour, but I can't for the life of me, so I thought i'd ask here.

I have this code:

<ul id="myCarousel">
<% foreach (var date in entryDates)
   { %>
 <li>
  <div style="text-align:center;width:60px;">
     <span class="headerSpan" id="day_<%=date.ToString("dd-MM-yyyy")%>">abc</span>
  </div>
  <input class="timeInput narrow" type="text" id="time_<%= date.ToString("dd-MM-yyyy")%>"/>
  <input class="subsInput narrow" type="text" id="subs_<%=date.ToString("dd-MM-yyyy") %>"/>
 </li>
<% } %>
</ul>

<script type="text/javascript">
    $(document).ready(function() {
        $('#myCarousel').jcarousel({
            scroll: 7,
            animation: 1000,
            buttonNextHTML: "<span id='next'>Next</span>",
            buttonPrevHTML: "<span id='previous'>Previous</span>"
        });
    });    
</script>

It works fine in Chrome and FireFox, but it simply will not scroll in IE.

Any ideas why not?

Answer 1

I don't see anything wrong in your code.

However on jCarousel's documentation it's written it has been tested on IE6 and 7 but not IE8:

jCarousel has been tested and works on the following browsers:

* Internet Explorer 6 (PC)
* Internet Explorer 7 (PC)
* FireFox 1.5.0.6 (PC/Mac/Linux)
* Opera 9.01 (PC/Mac)
* Safari 2.0.4 (Mac)
* Safari 3.1.0 (PC)
* Konqueror 3.4.0 (Linux)

Is it working in IE6?

For using it, I know that jCarouselLite is working in every browser.