This test needs a much clearer description of expected results. In particular, it needs descriptions of the size of the red boxes.
This paragraph is in its normal position within the
div (i.e., touching the top; some div's have
been made taller).
This paragraph should be offset 20px below its normal position.
This paragraph should be offset 40% of the height of
the red-bordered div below its normal position.
This paragraph should be in its normal position within
the div.
This paragraph should have double the font size of the other paragraphs and should be offset double its font-size below its normal position.
This paragraph is in its normal position within the
div.
This paragraph should be offset 50px below its normal position.
This paragraph should be offset 50px below the top of the div, but its bottom should be even with the bottom of the div.
This paragraph should be offset 40% of the height of
the red-bordered div below the top of the red bordered
div, but its bottom should extend out of the bottom of
the div.
This paragraph should have double the font size of
the other paragraphs and should be offset double its
font-size below the top of the red bordered div, and its
bottom should be even with the bottom of the div.
This paragraph is in its normal position within the
div.
The top of this paragraph should be offset 100px
below the top of the red bordered div.
(Back to CSS Testing Information, David Baron)