title: bootstrap carousel not working in firefox
body: <p>in my site there is issue on carousel  slider , it's only working on chrome, its not working on mozilla</p>
  
  <p>My live site url is: <a href="http://www.umzug-preise.com/home" rel="nofollow">http://www.umzug-preise.com/home</a></p>
  
  <p>I have used code as below.</p>
  
  <pre><code>&lt;header id="myCarousel" class="carousel slide"&gt;
          &lt;!-- Indicators --&gt;
          &lt;ol class="carousel-indicators"&gt;
              &lt;li data-target="#myCarousel" data-slide-to="0" class="active"&gt;&lt;/li&gt;
              &lt;li data-target="#myCarousel" data-slide-to="1"&gt;&lt;/li&gt;
              &lt;li data-target="#myCarousel" data-slide-to="2"&gt;&lt;/li&gt;
          &lt;/ol&gt;
  
          &lt;!-- Wrapper for Slides --&gt;
          &lt;div class="carousel-inner"&gt;
              &lt;div class="item active"&gt;
                  &lt;!-- Set the first background image using inline CSS below. --&gt;
                  &lt;div class="fill" style="background:url(images/slider1.jpg);"&gt;&lt;/div&gt;
  
              &lt;/div&gt;
              &lt;div class="item"&gt;
                  &lt;!-- Set the second background image using inline CSS below. --&gt;
                  &lt;div class="fill" style="background:url(images/slider2.jpg);"&gt;&lt;/div&gt;
  
              &lt;/div&gt;
           &lt;!--   &lt;div class="item"&gt;
                  &lt;div class="fill" style="background:url(images/slider1.jpg);"&gt;&lt;/div&gt;
  
              &lt;/div&gt;--&gt;
          &lt;/div&gt;
  
          &lt;!-- Controls --&gt;
          &lt;a class="left carousel-control" href="#myCarousel" data-slide="prev"&gt;
              &lt;span class="icon-prev"&gt;&lt;/span&gt;
          &lt;/a&gt;
          &lt;a class="right carousel-control" href="#myCarousel" data-slide="next"&gt;
              &lt;span class="icon-next"&gt;&lt;/span&gt;
          &lt;/a&gt;
  
      &lt;/header&gt;
  </code></pre>