305176 - Button (created with css) overlaps table cell

Status: RESOLVED DUPLICATE of bug 167408

(Core :: Layout, defect)

Description

[daniel.wehrle]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.10) Gecko/20050716 Firefox/1.0.6
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.10) Gecko/20050716 Firefox/1.0.6

Please use the html testcase (attachment) to see the problem. On the right of
the page the button with the label "translate" overlaps the table cell.

Reproducible: Always



Expected Results:  
The button should be displayed in the table cell.

Comment 1

[daniel.wehrle]

Attachment: HTML testcase

Comment 2

[Mats Palmgren (inactive)]

Attachment: Simplified testcase

Comment 3

[Mats Palmgren (inactive)]

http://www.w3.org/TR/CSS21/visudet.html#q26

"Although margins, borders, and padding of non-replaced elements do not enter
into the line box calculation, they are still rendered around inline boxes. This
means that if the height specified by 'line-height' is less than the content
height of contained boxes, backgrounds and colors of padding and borders may
"bleed" into adjoining line boxes."

Please also note that 'width' and 'height' do not apply to non-replaced inline
elements.

Comment 4

[Mats Palmgren (inactive)]

Attachment: Testcase #3

I wonder if the table-cell should grow to fit the overflowing text though...
Compare this testcase with Opera 8 on Linux.

Comment 5

[Mats Palmgren (inactive)]

*** Bug 305613 has been marked as a duplicate of this bug. ***

Comment 6

[Boris Zbarsky [:bzbarsky]]

*** This bug has been marked as a duplicate of 167408 ***