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

Steps to reproduce the problem:
1. Create a div with fixed width
2. Insert a table with collapsed border and width: 100% into that div
3. Set 1px border on TD and 0px on TH
4. The table expands past the div size i.e. >100% and overflows the container
5. Alternatively use the test case and compare the behavior with border-collapse on and off.

What is the expected behavior?
Expected behaviour is that the table total width is maximum 100% of the parent container. Border on the table cell should not overflow neither the row, table nor the container it is in.

What went wrong?
The right hand side is rendered on the outside of the table and causes the table to overflow 1px (width of the border) past the container size.

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 65.0.3325.181  Channel: stable
OS Version: 6.1 (Windows 7, Windows Server 2008 R2)
Flash Version: 

See https://stackoverflow.com/questions/49600706/cell-border-expanding-total-tables-width/49601423?noredirect=1#comment86210666_49601423
Also: https://jsfiddle.net/fbwyx66o/4/
 

Deleted: tc.html 5.4 KB

tc.html 5.4 KB View Download