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

Example URL:

Steps to reproduce the problem:
https://plnkr.co/edit/PT7x9zxyHOWbS0WsSRdO?p=preview

If you look at the widths of the table and table-cell, and compare them to the widths of the regular div's, they should be the same, but they aren't.

What is the expected behavior?
The red lines and the right side of the green and blue box should always align.  

What went wrong?
If you change the size of the preview box, you'll notice sometimes it lines up, other times it doesn't.

The width of the table and table-cell is the truncated value of the regular div.

It's impossible to properly align a table that's a percent with with regular div is the same percent width since the percents calculate differently.

Does it occur on multiple sites: N/A

Is it a problem with a plugin? N/A 

Did this work before? N/A 

Does this work in other browsers? N/A 

Chrome version: 52.0.2743.82  Channel: stable
OS Version: Ubuntu 16.04
Flash Version: Shockwave Flash 22.0 r0