UserAgent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Ubuntu Chromium/55.0.2883.87 Chrome/55.0.2883.87 Safari/537.36

Steps to reproduce the problem:
1. Container with max-width and margin: 0 auto. Child element with left position in percent.
2. Resize horizontally in responsive mode.
3. When the viewport width gets close to the element width, the width of the child element adds up to over 100% and causes elements to be misplaced.

What really triggers the bug is position: relative and left positioning of the headline. Remove either of that and the problem disappears. Might be a Webkit issue.

Attached you find a ZIP file with test.html and style.css that reproduces the problem. Works™ in Firefox.

What is the expected behavior?
Elements have the correct size and are aligned properly.

What went wrong?
Elements are all over the place.

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 55.0.2883.87  Channel: stable
OS Version: Ubuntu 16.04
Flash Version: