297383 - CSS bg color not rendered in certain case with div inside span

Status: RESOLVED INVALID

(Core :: CSS Parsing and Computation, defect)

Description

[Michael Adams]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.8) Gecko/20050511 Firefox/1.0.4
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.8) Gecko/20050511 Firefox/1.0.4

(with CSS class "bg" as a background color, and "txt" as a foreground color):

The HTML <span class="bg"><div class="txt">(TEXT)</div></span> does not display
the background color specified by CSS rule span.bg. But div.txt works correctly

However, the following code does work correctly: <span class="txt"><div
class="bg">(TEXT)</div></span>

See the URL for more combinations

Reproducible: Always

Steps to Reproduce:
1. Display the HTML at the URL.
2.
3.

Comment 1

[José Jeria]

That is invalid html, inline elements (span in your case) cannot contain block
elemetns (the div)

--> invalid

Comment 2

[Boris Zbarsky [:bzbarsky]]

José, we do allow span to contain div, actually.  This bug is still invalid, but
because of the way the CSS spec specifies rendering of a block-display child of
an inline-display child...