title: Carousel image not displaying in Internet Explorer 8
body: <p>I'm trying to use the <a href="http://angular-ui.github.com/bootstrap/" rel="nofollow">AngularUI-Bootstrap</a> (especially the carousel directive) in my app. </p>
  
  <p>It works fine in Chrome, FF, Opera and IE9 but in IE8 it doesn't display the <code>&lt;img&gt;</code> tag inside the <code>&lt;slide&gt;</code> tag (or in my case <code>&lt;div slide&gt;&lt;/div&gt;</code>).  </p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div carousel interval="5000"&gt;
      &lt;div ng-repeat="image in dealerdetails.images" active="slide.active" slide&gt;
          &lt;img src="{{image}}" /&gt;
      &lt;/div&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p>When I just display <code>{{image}}m</code> it shows me the path to my image. That's correct but if I try to use <code>&lt;img src="{{image}}"&gt;</code> or with <code>ng-src</code>, it doesn't display at all.   </p>
  
  <p>Does anyone else have the same problem? It's just in IE8 and 7. IE7 is not important but I have to fix it in IE8.</p>