--- /dev/null
+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+ RenderBlock {HTML} at (0,0) size 800x600
+ RenderBody {BODY} at (8,8) size 784x584
+ RenderBR {BR} at (0,0) size 0x18
+ RenderBR {BR} at (0,18) size 0x18
+ RenderBR {BR} at (0,36) size 0x18
+ RenderBR {BR} at (0,54) size 0x18
+ RenderText {#text} at (0,72) size 180x18
+ text run at (0,72) width 180: "24 green box with word ok: "
+ RenderText {#text} at (0,0) size 0x0
+ RenderBR {BR} at (0,0) size 0x0
+ RenderBR {BR} at (0,90) size 0x18
+ RenderBR {BR} at (0,108) size 0x18
+ RenderBR {BR} at (0,126) size 0x18
+ RenderText {#text} at (0,144) size 180x18
+ text run at (0,144) width 180: "25 green box with word ok: "
+ RenderText {#text} at (0,0) size 0x0
+ RenderBR {BR} at (0,0) size 0x0
+ RenderBR {BR} at (0,162) size 0x18
+ RenderBR {BR} at (0,180) size 0x18
+ RenderBR {BR} at (0,198) size 0x18
+ RenderText {#text} at (0,216) size 180x18
+ text run at (0,216) width 180: "26 green box with word ok: "
+ RenderText {#text} at (0,0) size 0x0
+ RenderBR {BR} at (0,0) size 0x0
+ RenderBR {BR} at (0,234) size 0x18
+ RenderBR {BR} at (0,252) size 0x18
+ RenderBR {BR} at (0,270) size 0x18
+layer at (0,98) size 800x34
+ RenderBlock (positioned) {DIV} at (0,98) size 800x34 [border: (2px solid #FF0000)]
+ RenderBlock {DIV} at (2,2) size 796x4 [border: (2px solid #FF0000)]
+ RenderBlock {DIV} at (2,6) size 796x22 [border: (2px solid #008000)]
+ RenderText {#text} at (2,2) size 16x18
+ text run at (2,2) width 16: "ok"
+layer at (0,170) size 800x34
+ RenderBlock (positioned) {DIV} at (0,170) size 800x34 [border: (2px solid #FF0000)]
+ RenderBlock {DIV} at (2,2) size 796x4 [border: (2px solid #FF0000)]
+ RenderBlock {DIV} at (2,6) size 796x4 [border: (2px solid #FF0000)]
+ RenderBlock {DIV} at (2,10) size 796x22 [border: (2px solid #008000)]
+ RenderText {#text} at (2,2) size 16x18
+ text run at (2,2) width 16: "ok"
+layer at (0,242) size 800x50
+ RenderBlock (positioned) {DIV} at (0,242) size 800x34 [border: (2px solid #FF0000)]
+ RenderBlock {DIV} at (2,2) size 796x22 [border: (2px solid #FF0000)]
+ RenderBlock {DIV} at (2,2) size 792x18
+ RenderText {#text} at (0,0) size 27x18
+ text run at (0,0) width 27: "blah"
+ RenderBlock {DIV} at (2,24) size 796x4 [border: (2px solid #FF0000)]
+ RenderBlock {DIV} at (2,28) size 796x22 [border: (2px solid #008000)]
+ RenderText {#text} at (2,2) size 16x18
+ text run at (2,2) width 16: "ok"
--- /dev/null
+<html>
+<style>
+.red { border: 2px solid red }
+.green { border: 2px solid green }
+.visible { visibility: visible}
+.invisible { visibility: hidden}
+//.invisible:hover { visibility: visible}
+.abstop { position: absolute; left:0; right:0; height:30px }
+.abs { position: absolute; left:0; right:0; top:0; bottom:0 }
+</style>
+
+<script>
+var node1;
+var node2;
+function dotest()
+{
+
+//24
+document.getElementById('24c').style.setProperty('visibility','hidden','');
+document.getElementById('24a').removeChild(document.getElementById('24b'));
+
+//25
+document.getElementById('25c').style.setProperty('visibility','hidden','');
+document.getElementById('25a').removeChild(document.getElementById('25b'));
+
+//26
+document.getElementById('26c').style.setProperty('visibility','hidden','');
+document.getElementById('26a').removeChild(document.getElementById('26b'));
+setTimeout(dotest2,20);
+}
+
+function dotest2()
+{
+
+//xx
+//document.getElementById('23').style.setProperty('visibility','hidden','');
+}
+
+</script>
+</head>
+<body onload="setTimeout(dotest,20)">
+<br><br><br><br>
+24 green box with word ok:
+<div id="24a" class="invisible abstop red">
+<div class="abs invisible red">
+<span>blah</span>
+</div>
+<div id="24b" class="abs invisible red">
+</div>
+<div id="24c" class="visible red">
+</div>
+<div class="visible green">
+ok
+</div>
+</div>
+<br><br><br><br>
+
+25 green box with word ok:
+<div id="25a" class="invisible abstop red">
+<div class="invisible red">
+</div>
+<div class="abs invisible red">
+</div>
+<div id="25b" class="abs invisible red">
+<span>blah</span>
+</div>
+<div id="25c" class="visible red">
+</div>
+<div class="visible green">
+ok
+</div>
+</div>
+<br><br><br><br>
+
+26 green box with word ok:
+<div id="26a" class="invisible abstop red">
+<div class="invisible red">
+<div>blah</div>
+</div>
+<div class="abs invisible red">
+<span>blah</span>
+</div>
+<div id="26b" class="abs invisible red">
+<span>blah</span>
+</div>
+<div id="26c" class="visible red">
+</div>
+<div class="visible green">
+ok
+</div>
+</div>
+<br><br><br><br>
+</body>
+</html>