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

Example URL:
https://jsfiddle.net/syj76g18/

Steps to reproduce the problem:
1. On a Mac with a retina display, load a page with a specific arrangement of elements and styles (see jsfiddle link)
2. Scroll down while watching the sticky-positioned element

What is the expected behavior?
The sticky element should stick to the top of the screen.

What went wrong?
The sticky element moves downward as you scroll down, ultimately disappearing off the bottom of the page.

Does it occur on multiple sites: N/A

Is it a problem with a plugin? No 

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 57.0.2987.133  Channel: stable
OS Version: OS X 10.10.4
Flash Version: Shockwave Flash 25.0 r0

I have both a retina display and a non-retina display. The position of the sticky element is correct on my non-retina display.

I don't have the latest version of Safari so I'm unable to test if this is a webkit issue or specifically a Chrome issue. Issue is not present in Firefox.