Disappearing images in IE8 jQuery Cycle

Question

http://www.lunatestsite.co.uk/products/lifestation Cannot for the life of me fix this. Only in IE8 so far. I had the same issue on the homepage cycle, but managed to fix by declaring width, height and background: none !important on the img's in question. I thought it might be a png issue, but the same happens with jpgs: http://www.lunatestsite.co.uk/test-disappearing-jpgs Same result: often a flicker of the first of the two images in the slideshow, then disappears. Any ideas at all appreciated. SOLVED: My original fix worked for this in the end too : adding the background: none important!, and declaring the width / height. It didn't work on the additional templates because I was using a class instead of id for ul#product-images. The shame, it burns! Sorry for wasting anyone's time. ``` body.home #front-slider #front-slides .slide{ background:none !important; width: 980px; height: 389px; } body.home #front-slider #front-slides .slide .slide-image img{ background:none !important; width:…

Accepted Answer

I was having this issue also and I traced it back to the CSS rule

```
img {
  max-width: 100%;
}
```

Once I removed the above rule (I didn't need it in this case) the images stopped disappearing.

Disappearing images in IE8 jQuery Cycle

Solution

Problem