Bug 5722 – Span width incorrect when abs positioned inside rel positioned span

• Component: CSS
• Status: RESOLVED DUPLICATE

[Mike West]

The test paragraph at the URL noted contains a section demarcated by a span of class 'phrase'. Inside of 
this span exists simply a bit of text, and another span of class 'overlay'. The goal is to absolutely position 
'overlay' on top of 'phrase', taking on the same height and width. 'overlay' has it's boder change colours 
upon hover. The code is, in theory, valid. However, two errors occur here that do not occur in Firefox 
(Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.8) Gecko/20051107 Firefox/1.5).

* The 'overlay' span is set to a width of '100%', yet seems to bypass it's relatively positioned parent's width, 
prefering instead the width of the parent's parent (the containing div).
* The hover effect is quite odd, as it doesn't actually change the border colour of the entire span but 
instead only the part of the span that exists inside the outer div.

[Mike West]

Created attachment 4676 [details]
Testcase

Attached testcase.

[Joost de Valk (AlthA)]

Confirmed, good testcase and explanation.

[Eric Seidel (no email)]

Yes, we render this wrong, even on TOT.  Beth was recently working in the area of absolute/relative 
positioning, she might have thoughts here.

[Sam Weinig]

This now works.  Any objections to closing it down.

[David Kilzer (:ddkilzer)]

(In reply to comment #4)
> This now works.  Any objections to closing it down.

It would be interesting to know which revision fixed it, and it would be worthwhile to write a test to cover the break.

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