284556 - sub DIV width incorrect when indented if background color changes.

Status: RESOLVED INVALID

(Core :: Layout, defect)

Description

[jlamanna]

User-Agent:       Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.7.5) Gecko/20041107 Firefox/1.0
Build Identifier: Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.7.5) Gecko/20041107 Firefox/1.0

When there are child div's that are indented with position:relative and some
width: set, if the background color of one of the children is different than its
parent, it will have a greater screen width than its parent.

Reproducible: Always

Steps to Reproduce:
1. Go to http://agard.no-ip.org/divbug.html - you will see the problem


Actual Results:  
The 3rd div is wider than its two parent divs.

Expected Results:  
All the divs should have the right edge at the same place in the window.

Comment 1

[PikeUK]

All the DIVs are the same width (738px according to DOMi) on:

Mozilla/5.0 (Windows; U; Win98; en-US; rv:1.7.6) Gecko/20050223 Firefox/1.0.1

The last div just looks shorter because it has a transparent background so you
can't see where it ends.

Comment 2

[Boris Zbarsky [:bzbarsky]]

Yep.  The layout is correct given the markup and CSS.