Absolute positioning with percentages giving unexpected results

Question

Please consider this jsfiddle, containing this html code:

  
TEST

A

Answer 1

The absolute positioning is applied relative to the next parent element whose position is not static. In your case, that's the full page. Try setting position: relative on the container division.
See the jsFiddle.

See: W3C - 10.1 - Definition of "containing block"