Very difficult to solve and strange CSS3 opacity transition issue (…must be a bug?)

Question

I am absolutely tearing all of my hair out with this highly frustrating and strange CSS problem I am having.

I am using the Bones boilerplate to make a website, and

Answer 1

I would say that it is really a bug in Chrome (I am using 24.0.1312.57 m).

The issue is not really on images 1 + 3, I have seen it on image number 2.

I think that the issue arises when you have the width of the image being a fraction (say 146.71 px). In stationary display, this gets rounded to 146 px. In the transition this gets rounded upwards (more correctly !) to 147 px.