IE 8 doesn't render 'prev' and 'next' nav for Flexslider when using images

[Historical Forums User]

So I am using images instead of fonts for the ‘prev’ and ‘next’ navigation for flexslider
In Windows XP IE 8.0 the slider doesn’t propagate on page load, however it works if you refresh the browser. But you’ll get no navigation, left/right button.

And Windows XP IE 8.0 No arrows but the slider works on page load.

Below is my CSS.

 .flex-direction-nav .flex-prev {
  z-index: 1000; 
  left: -50px; 
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; 
  background:url('/REPSuite/static/images/left_arrow.png')no-repeat;}

  .flex-direction-nav .flex-next {
   z-index: 1000; 
   right: -50px; 
   text-indent: 100%;
   white-space: nowrap;
   overflow: hidden; 
   background:url('/REPSuite/static/images/left_arrow.png')no-repeat;  
   z-moz-  transform: scaleX(-1);-o-transform: scaleX(-1);
   -webkit-transform: scaleX(-1);transform: scaleX(-1);
    filter: FlipH;-ms-filter: "FlipH"; }

This is my js…

$(document).ready(function() {
$(‘.flexslider’).flexslider({
animation: “slide”
});
});

`

[Author]

Posts