Testing Seventh Testable Statement of Sec 9.8 of CSS2 Specification

7. An absolutely positioned box can be a child of a relatively positioned box.

PASS CRITERIA:

If statement #7 is passed then start of outer contents inner contents End of outer contents. End of body contents

The outer box should serve as the containing block for positioned descendants. Inner contents should be blue, and outer contents red. Rules are "body {display: block; line-height: 200%; width: 400px; height: 400px}, p{display: block}", "span {display: inline}". Also, "#outer {position: relative; color: red}", and "#inner {position: absolute; top: 200px; left: -100px; height: 130px; width: 130px; color: blue}".

All other properties of this page should be UA-default. Your browser rendering of this page should look similar to this reference image or to this reference image.