344076 - div block leaks outside of containing td

Status: RESOLVED INVALID

(Core :: Layout, defect)

Description

[Taras Di]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4

When placing a padded div with a border inside a table cell, the border is rendered outside of the containing table cell, even though the text remains inside

(both quirks & standards)

Reproducible: Always

Steps to Reproduce:
1. View the attachments
2.
3.

Actual Results:  
In quirks mode, the border leaks out of the table cell to the right and bottom
In standards mode, the border leaks out only to the right

Expected Results:  
Border should be contained inside the parent container (the table cell)

Comment 1

[Taras Di]

Attachment: standards mode

Comment 2

[Taras Di]

Attachment: Rendering in quirks mode

Comment 3

[Johannes Buchner]

Attachment: Quirks mode rendering of trunk 20060709

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9a1) Gecko/20060709 Minefield/3.0a1

Comment 4

[Johannes Buchner]

Attachment: Standard conform mode rendering of trunk 20060709

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9a1) Gecko/20060709 Minefield/3.0a1 
(sasme as above)

Comment 5

[Boris Zbarsky [:bzbarsky]]

This is the correct rendering, per CSS spec.