Created attachment 219090 [details]
What steps will reproduce the problem?
1. Load attached testcase.
Both "table-cell, ..." lines should have a black border and a lime background.
The first "table-cell, ..." line has a solid black line above it, and no background.
As described at https://bugzilla.mozilla.org/show_bug.cgi?id=928074#c22, I think this indicates that WebKit is incorrectly generating an anonymous *block-level* table element to wrap the table-cell. This goes against the CSS 2.1 spec -- as described in step 3 substep 2 at http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes ,
"(If C's parent is an 'inline' box, then [the generated anonymous table] must be an 'inline-table' box; otherwise it must be a 'table' box.)"
And in the testcase, the parent is a <span>, which is an inline box. So, WebKit should generate an inline-table and match the rendering of the lower line that has an explicit inline-table.
I tested with two webkit-based browsers on Ubuntu 13.10:
- Midori 0.4.3 (not sure what WebKit version)
- epiphany-browser 3.6.1 (which says "Powered by WebKit 1.10.2")
Both show ACTUAL RESULTS.
Firefox 26 shows EXPECTED RESULTS
See also the related Blink bug, here: http://code.google.com/p/chromium/issues/detail?id=327832
As I discovered (via a few hops) on the Blink version of this bug, this issue may be a variant of bug 21092. (Though I'm not sure, since there appear to be several related issues; bug 21092 seems to be primarily about a problem with <table style="display:inline">.)
Adding dependency to establish the connection, at least (though this may end up just being a duplicate).