UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.14; rv:64.0) Gecko/20100101 Firefox/64.0

Example URL:
https://jsfiddle.net/ciaccia/sqd42qcm/5

Steps to reproduce the problem:
1. Open the jsfiddle above

What is the expected behavior?
In the output pane there are 2 boxes. The top box showing <div> in the middle is scrollable while the bottom box showing <table> is not (you can go over with the mouse and scroll). Theoretically both boxes should behave the same since sharing the same CSS class (as it happens in Firefox/IE).

What went wrong?
The problem is the following: if you have a (scrollable) div with given size and inside the div you have a nested element having 100% width and height, some padding and box-sizing = content-box, is the outer div expected to scroll? Firefox says always yes, while chrome just scrolls divs but not tables.

This problem was originally created as a Firefox problem:
https://bugzilla.mozilla.org/show_bug.cgi?id=1436350

Does it occur on multiple sites: No

Is it a problem with a plugin? No 

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: Version 70.0.3538.110 (Official Build) (64-bit)  Channel: stable
OS Version: OS X 10.14
Flash Version: