1 <!DOCTYPE html PUBLIC
"-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
3 <!-- This tests that a block descended from an inline respects the positioning of an inline ancestor when it gets relatively positioned. -->
5 <title>CSS Test: Block boxes within inline boxes are affected by positioning
</title>
6 <style type=
"text/css">
7 body
{ overflow: hidden
; }
28 <script type=
"text/javascript">
29 if (window
.testRunner
) {
30 testRunner
.waitUntilDone();
34 document
.getElementById("span1").style
.position
= "relative";
35 document
.body
.offsetTop
;
36 if (window
.testRunner
)
37 testRunner
.notifyDone();
41 <body onload=
"setTimeout('run()', 10);">
42 <p>Test passes if the orange box sits atop the blue box and both are in the center of the view.
</p>
46 <div id=
"div3">Filler Text
</div>