953192 - div inside div with display:table-cell has height of table instead of the height of the cell

Status: RESOLVED DUPLICATE of bug 63895

(Core :: Layout, defect)

Description

[reid_lyons]

Attachment: deleteicon2.html

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:26.0) Gecko/20100101 Firefox/26.0 (Beta/Release)
Build ID: 20131205075310

Steps to reproduce:

I have a set of divs that are being used as a table.  Using display:table, display:table-row, display:table-cell etc.  On the currently selected row a delete icon should show in the last table cell.  I have attached a file which shows the issue.


Actual results:

The layout works in IE and Chrome but in Firefox, the div with the icon has a height greater than the height of the table cell and the icon isn't placed on the page correctly.


Expected results:

The div with the icon would have the same height as the containing div.

Comment 1

[reid_lyons]

This issue is also present in the nightly build of Firefox.

Comment 2

[Boris Zbarsky [:bzbarsky]]

This is the "relatively positioned table cells are not absolute containing blocks" bug...