UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/60.0.3112.101 Safari/537.36

Example URL:
https://jsfiddle.net/Harbs/sk5bndba/

Steps to reproduce the problem:
1. Go to https://jsfiddle.net/Harbs/sk5bndba/
2. Look at the images
3. You will see the images are not lined up precisely relative to each other and the gray rectangles

What is the expected behavior?
Safari, Firefox, IE and Edge both display the images positioned as they should be.

What went wrong?
The SVG elements are not positioned in the correct place.
Opera displays the same bad positioning as Chrome.

Does it occur on multiple sites: Yes

Is it a problem with a plugin? No 

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 60.0.3112.101  Channel: stable
OS Version: OS X 10.10.5
Flash Version: Shockwave Flash 26.0 r0

This is a very big issue for me. I am in the process of migrating a complex application from Flash to HTML and precise positioning of objects using transformation matrices is crucial. The matrix math is identical to the Flash app and it works as expected in other browsers.

Since positioning of objects using matrix math is pretty common in Flash apps, I expect others migrating apps to HTML will encounter the same issue.