763353 - position absolute inside position relative incompatible with display: table-cell

Status: RESOLVED DUPLICATE of bug 35168

(Firefox :: Untriaged, defect)

Description

[miguel.camba]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_6_8) AppleWebKit/536.5 (KHTML, like Gecko) Chrome/19.0.1084.54 Safari/536.5

Steps to reproduce:

I put a position: absolute div inside a position: relative td



Actual results:

The coordinates of the absolute div are calculated from the bounds of the body of the page


Expected results:

The coordinates should be calculated from the bounds of the nearest relative parents. The td. But that seems incompatibles with display: table-cell property.

Open this jsfidde with FF and with Chrome/Opera/IE9.

http://jsfiddle.net/cibernox/tDhbE/8/

By the way, any idea of how implement this it a way that works. I can't know the exact height of the rows, because its content may generate rows of different height.

Comment 1

[Fred Truter]

This is a duplicate of bug 35168. A simpler example can be found here: http://jsfiddle.net/bLPA6/   

Webkit and IE8 renders it  "correctly" as intended by the designer. Except that IE8 does not understand the border-radius as it was never implemented in that browser.

Opera 12 ignores the container's width (left:0 and right:0) but does respect the container's height (top:0 and bottom:0).

IE9 respects the container's width (left:0 and right:0) but ignores the container's height (top:0: bottom:0) and is therefore the opposite of Opera 12

IE7 is like IE8 but adds extra padding from somewhere.