UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3266.0 Safari/537.36

Example URL:
https://jsfiddle.net/BugIssuer/bdkrvhon/

Steps to reproduce the problem:
1. Use 150% scaling in Windows and 100% zoom in Chrome, or 100% scaling in Windows and 150% zoom in Chrome
2. Navigate to https://jsfiddle.net/BugIssuer/bdkrvhon/
3. Observe that the table is 40.67px tall, instead of the expected 40px

What is the expected behavior?
The table height being 40px. The bottom part of the blue area being flush with the bottom part of the green area.

What went wrong?
Both table rows end up 1/3 of a pixel taller than expected, making the table 40.67px tall and the blue area extending below the green area.

Does it occur on multiple sites: Yes

Is it a problem with a plugin? N/A 

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 64.0.3266.0  Channel: n/a
OS Version: 10.0
Flash Version: 

I'm using 150% scaling in Windows 10 and 100% zoom in Chrome, but the same behavior can be observed by using 100% scaling in Windows 10 and 150% zoom in Chrome.

The same behavior can also be observed in Chrome Version 62.0.3202.94 (Official Build) (64-bit).