[CSS21] Question on percentage, inherit and relative positioning: relpos-calcs-001 test

Hello,

I have trouble understanding this test:

http://test.csswg.org/suites/css2.1/nightly-unstable/html4/relpos-calcs-001.htm

div.outer's computed bottom value is -50%; therefore, div.outer's top
computed value should be +50%.

"
Computed value: (...) if specified as a percentage, [then] the specified 
value
"
http://www.w3.org/TR/CSS21/visuren.html#position-props

"
For relatively positioned elements, 'left' and 'right' move the box(es)
horizontally, without changing their size. 'Left' moves the boxes to the
right, and 'right' moves them to the left. Since boxes are not split or
stretched as a result of 'left' or 'right', the used values are always:
left = -right.
"
http://www.w3.org/TR/CSS21/visuren.html#relative-positioning

div.inner's top specified value should therefore be 50% but no browsers
(Firefox 15.0.1, Chrome 22.0.1229.79 and Opera 12.02) reports such value.
They all report 'auto' (Chrome 22.0.1229.79 and Opera 12.02) or 0px
(Firefox 15.0.1) when I think browsers should make div.inner inherit '50%'
which then would be applied to div.outer to get its used value.
div.inner's containing block is div.outer; so, top: 50% should compute as
60px since div.outer's height is 120px.

What am I missing here?

Gérard
-- 
CSS 2.1 Test suite RC6, March 23rd 2011
http://test.csswg.org/suites/css2.1/20110323/html4/toc.html

Contributions to CSS 2.1 test suite
http://www.gtalbot.org/BrowserBugsSection/css21testsuite/

Web authors' contributions to CSS 2.1 test suite
http://www.gtalbot.org/BrowserBugsSection/css21testsuite/web-authors-contributions-css21-testsuite.html

Received on Wednesday, 26 September 2012 01:05:07 UTC