The style declarations contained within this page:
P.poswrap {position: relative; border: 1px solid purple;
height: 16px; margin-bottom: 16px;}
.cl1 {position: absolute; left: 0px; top: 0px; z-index: -5;}
.cl2 {position: absolute; left: 43px; top: 0px; z-index: 5;}
.cl3 {position: absolute; left: 0px; top: 0px; z-index: 5;}
.cl4 {position: absolute; left: 43px; top: 0px; z-index: -5;}
The following paragraph will contain two line-break separated images which are absolutely positioned. The first image should be overlapped by the second image. Note that positioning must be supported in order for this test to work, but z-index doesn't do much good without positioning anyway.
The following paragraph will contain two line-break separated images which are absolutely positioned. The containing paragraph is set to be relatively positioned, so that the image offsets are calculated with respect to the upper left corner of the paragraph. The second image should be overlapped by the first image. Note that positioning must be supported in order for this test to work, but z-index doesn't do much good without positioning anyway.