UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/60.0.3112.40 Safari/537.36

Example URL:
https://jsfiddle.net/david_proweb/1md5uezx/

Steps to reproduce the problem:
Open this page: https://jsfiddle.net/david_proweb/1md5uezx/
I could not reduce more than that (but is possible).

What is the expected behavior?
This is a slider plugin that I have developed. Maybe about two or four months ago it worked. It basically do a fade effect from a image to another, animating the first image to opacity 0% and the next image to 100% (and so on, in a looping).

What went wrong?
For some reason, when style:opacity reach to 1 (100%) it make the image content invisible. When I modify the script to 0.9999 (99.99%) it works (line 74).

But now the most strange thing: if I modify the CSS content just appending a useless comment in a specific place, it works.

On CSS side, put a comment after `float: left` on line 8.

Before: (not working) https://jsfiddle.net/david_proweb/1md5uezx/

.sliderWidget > .wrapper > .content > .elements > .element {
  display: inline-block;
  float: left;
  overflow: hidden;
}

After: (working) https://jsfiddle.net/david_proweb/1md5uezx/1/

.sliderWidget > .wrapper > .content > .elements > .element {
  display: inline-block;
  float: left; // Just a comment, serious.
  overflow: hidden;
}

Does it occur on multiple sites: Yes

Is it a problem with a plugin? No 

Did this work before? Yes 4 month ago (more or less)

Does this work in other browsers? Yes

Chrome version: 60.0.3112.40  Channel: beta
OS Version: 10.0
Flash Version: