You can see that part of the box on the right that says Black River, there was a problem rendering the correct shape. It is rendered correctly in Firefox.
This displays as expected in Firefox 3.0 and 9.6.
Created attachment 25591 [details] Reduction Here's a reduction. I should probably make a .zip with the two images as well. The problem seems to be that the CSS background image doesn't respect the width="100%" in this case.
Created attachment 34143 [details] Further reduction Attached further reduction. More concise, using base64 files instead of embedding external images.
Created attachment 34168 [details] Expanded to explain the real problem. I've expanded the test case to explain the real problem here. This is actually related to the freedom of table-layout: auto provided to UAs. They're not required to provide the same results as other UAs, so webkit isn't doing anything wrong here. But it does appear that webkit intends to match the (poor) behaviour displayed by other browsers in this test case and doesn't due to a bug with nesting tables. Hopefully what i've provided explains the problem clearly enough.
Created attachment 34169 [details] Correction Sorry, that previous attachment had markup problems >_<
(In reply to Daniel Upstone from comment #5) > Created attachment 34169 [details] > Correction > > Sorry, that previous attachment had markup problems >_< Test 4 is still broken in Safari Technology Preview 165, while Chrome Canary 113 and Firefox Nightly 113 both match each other.
<rdar://problem/122588508>