680963 - CSS Generated Content Incorrect Positioning in Table Cells

Status: RESOLVED DUPLICATE of bug 63895

(Core :: General, defect)

Description

[Aldi]

User Agent: Mozilla/5.0 (Windows NT 5.1; rv:8.0a2) Gecko/20110821 Firefox/8.0a2
Build ID: 20110821042011

Steps to reproduce:

Put a CSS generated content in table cells (td).

See: http://jsfiddle.net/5Vqqf/69/


Actual results:

CSS generated content in table cells seems to be positioned in relation to the whole page instead of the cell itself. (Notice the red line at the bottom.)


Expected results:

The red line should be underneath each row. This works as expected in other browsers, but not in Firefox.

Comment 1

[(mostly gone) XtC4UaLL [:xtc4uall]]

This seems to never have worked correctly.
There was a change to current Behavior with 3.5.

Comment 2

[(mostly gone) XtC4UaLL [:xtc4uall]]

Attachment: Reporter's Testcase

Comment 4

[Boris Zbarsky [:bzbarsky]]

Actually, this is a duplicate of a different bug.  But it's definitely not specific to generated content.

Comment 5

[Aldi]

Funny thing is that if you apply a float to the cells the positioning seems to be correct. However, this disables consistent height with each row.

http://jsfiddle.net/5Vqqf/70/

Comment 6

[Boris Zbarsky [:bzbarsky]]

If you apply float, they stop being table cells.  See http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo

Comment 7

[tinche77]

Same issue on display: table; as well.
(Firefox 8.0)

Comment 8

[Boris Zbarsky [:bzbarsky]]

The display:table thing is fixed in Firefox 10.