522279 - Transparent block element within inline element doesn't show background of inline element

Status: RESOLVED INVALID

(Core :: Layout: Block and Inline, defect)

Description

[Tuure Laurinolli]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.1.3) Gecko/20090824 Firefox/3.5.3 (.NET CLR 3.5.30729)
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.1.3) Gecko/20090824 Firefox/3.5.3 (.NET CLR 3.5.30729)

A div with "display: block" inside a div with "display: inline" doesn't show the background of the outer div, but white background instead.


Reproducible: Always

Steps to Reproduce:
1. See URL

Actual Results:  
Middle text has white background.

Expected Results:  
Middle text has grey background.

It seems that Safari and Opera behave the same way as Firefox, but IE doesn't.

Comment 1

[Ria Klaassen (not reading all bugmail)]

IE is indeed the only one.

Comment 2

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

The relevant specification text is in
http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level
and I think it says our behavior is correct, but asking Boris to double-check.

Comment 3

[Boris Zbarsky [:bzbarsky]]

And IE8 only does that in quirks mode (which is what this page is testing); in standards mode its behavior matches the spec and all the other browsers.