Just finishing a site and I am having trouble with the jQuery Cycle2 slider not working correctly in Firefox. It is totally responsive in Safari and Chrome and displays correctly.
In Firefox the images do not size down properly and stay full-sized as the window is reduced.
Here is the code for the slider:
<div class="cycle-slideshow" data-cycle-fx=fade data-cycle-timeout=5000 data-cycle-slides="div.slide" >
<div class="slide">
<img src="http://dev.savannah100foundation.org/images/uploads/slide-1.jpg" class="img-responsive" alt="" >
<div class="text-overlay hidden-xs">We make it easy for people to make a difference</div>
</div>
<div class="slide">
<img src="http://dev.savannah100foundation.org/images/uploads/slide-2.jpg" class="img-responsive" alt="" >
</div>
<div class="slide">
<img src="http://dev.savannah100foundation.org/images/uploads/slide-3.jpg" class="img-responsive" alt="" >
</div>
<div class="slide">
<img src="http://dev.savannah100foundation.org/images/uploads/slide-4.jpg" class="img-responsive" alt="" >
</div>
<div class="cycle-pager"></div>
</div><!-- /.cycle-slideshow -->