title: Twitter Bootstrap 2.0 Carousel and IE transition problems
body: <p>I know that this has been an ongoing issue for some with the slide transition not working in IE.  <a href="https://stackoverflow.com/questions/9490351/twitter-bootstrap-carousel-ie-issues">The solution I'd seen here on SO</a> several times and around the web is to add the class <code>slide</code> to the myCarousel div. So, I visited the Bootstrap website and copied and pasted the code for a standard carousel into my webpage, and...no transitioning in IE.  I even went to <a href="http://twitter.github.com/bootstrap/javascript.html#carousel" rel="nofollow noreferrer">Twitter Bootstrap's Carousel page</a> in IE, and guess what?  No transition in IE9 and below on their own page, and they are even adding the class <code>slide</code> to the myCarousel div.  Has this situation come up for others with Bootstrap 2.0  (I am using the latest copy of JQuery on my page, 1.8.0, if this makes a difference.  Also, I am using a customized version of Bootstrap with transitions and carousel bundled into the bootstrap.js file).  Here is the code I copied and pasted, modified for my own images:</p>
  
  <pre><code>&lt;div id="myCarousel" class="carousel slide"&gt;
          &lt;div class="carousel-inner"&gt;
            &lt;div class="item active"&gt;
              &lt;img src="img/CRC615_LivingRoom_cropped.jpg" alt="A living room with wrap around balcony and view of Gulf of Mexico at Caribe Resort"&gt;
              &lt;div class="carousel-caption"&gt;
                &lt;h4&gt;First Thumbnail label&lt;/h4&gt;
                &lt;p&gt;Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.&lt;/p&gt;
              &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="item"&gt;
              &lt;img src="img/OutcastCharterDocks-rentals-charters-cruises.jpg" alt="Outcast Marina in Orange Beach offers vacationers parasailing and jetski rentals"&gt;
              &lt;div class="carousel-caption"&gt;
                &lt;h4&gt;Second Thumbnail label&lt;/h4&gt;
                &lt;p&gt;Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.&lt;/p&gt;
              &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="item"&gt;
              &lt;img src="img/CobaltRestaurantOrangeBeach.jpg" alt=""&gt;
              &lt;div class="carousel-caption"&gt;
                &lt;h4&gt;Third Thumbnail label&lt;/h4&gt;
                &lt;p&gt;Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.&lt;/p&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;a class="left carousel-control" href="#myCarousel" data-slide="prev"&gt;&amp;lsaquo;&lt;/a&gt;
          &lt;a class="right carousel-control" href="#myCarousel" data-slide="next"&gt;&amp;rsaquo;&lt;/a&gt;
        &lt;/div&gt;
  </code></pre>