| <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
| <!-- This tests that a block inside nested inlines still respects the positioning of a parent when a relatively positioned ancestor |
| gets toggled to static. --> |
| <title>CSS Test: Block boxes within inline boxes are affected by positioning</title> |
| <script type="text/javascript"> |
| testRunner.waitUntilDone(); |
| document.getElementById("div2").style.position = "static"; |
| <body onload="setTimeout('run()', 10);"> |
| <p>Test passes if each of the orange boxes is sandwiched between two blue boxes and two groups of blue and orange boxes are inside the big yellow box |
| and the remaining group is below it.</p> |
| <div id="div3">Filler Text</div> |
| <div id="div3">Filler Text</div> |
| <div id="div3">Filler Text</div> |