layer at (0,0) size 800x600
RenderBlock {HTML} at (0,0) size 800x600
RenderBody {BODY} at (8,8) size 784x584
- RenderBlock {P} at (0,0) size 784x18
- RenderText {#text} at (0,0) size 436x18
- text run at (0,0) width 436: "The layering of the boxes should not be affected by overflow:hidden."
- RenderBlock (anonymous) at (0,34) size 784x479
- RenderText {#text} at (320,306) size 4x18
- text run at (320,306) width 4: " "
+ RenderBlock {P} at (0,0) size 784x16
+ RenderText {#text} at (0,0) size 443x16
+ text run at (0,0) width 443: "The layering of the boxes should not be affected by overflow:hidden."
+ RenderBlock (anonymous) at (0,32) size 784x489
+ RenderText {#text} at (320,308) size 4x16
+ text run at (320,308) width 4: " "
RenderText {#text} at (0,0) size 0x0
-layer at (68,261) size 200x200 layerType: background only
-layer at (28,221) size 150x150
+layer at (68,269) size 200x200 layerType: background only
+layer at (28,229) size 150x150
RenderBlock (positioned) zI: -1 {DIV} at (-40,-40) size 150x150 [color=#808080] [bgcolor=#C86464] [border: (2px solid #000000)]
- RenderText zI: -1 {#text} at (22,22) size 109x40
- text run at (22,22) width 109: "Behind"
+ RenderText zI: -1 {#text} at (22,22) size 108x35
+ text run at (22,22) width 108: "Behind"
RenderText zI: -1 {#text} at (0,0) size 0x0
-layer at (50,303) size 100x100
+layer at (50,311) size 100x100
RenderBlock (positioned) {DIV} at (22,82) size 100x100 [bgcolor=#008000] [border: (2px solid #000000)]
- RenderText {#text} at (22,22) size 55x40
- text run at (22,22) width 55: "Behind"
- text run at (22,42) width 53: "behind"
-layer at (68,261) size 200x200 layerType: foreground only
- RenderBlock (relative positioned) {DIV} at (60,219) size 200x200 [color=#0000FF] [bgcolor=#FFFFFFCC] [border: (10px solid #000000)]
- RenderText {#text} at (30,30) size 128x80
+ RenderText {#text} at (22,22) size 54x34
+ text run at (22,22) width 54: "Behind"
+ text run at (22,39) width 52: "behind"
+layer at (68,269) size 200x200 layerType: foreground only
+ RenderBlock (relative positioned) {DIV} at (60,229) size 200x200 [color=#0000FF] [bgcolor=#FFFFFFCC] [border: (10px solid #000000)]
+ RenderText {#text} at (30,30) size 126x70
text run at (30,30) width 59: "Box"
- text run at (30,70) width 128: "contents"
+ text run at (30,65) width 126: "contents"
RenderText {#text} at (0,0) size 0x0
RenderText {#text} at (0,0) size 0x0
-layer at (158,351) size 150x150
+layer at (158,359) size 150x150
RenderBlock (positioned) zI: 1 {DIV} at (90,90) size 150x150 [color=#808080] [bgcolor=#C8C880] [border: (2px solid #000000)]
- RenderText zI: 1 {#text} at (22,22) size 88x80
+ RenderText zI: 1 {#text} at (22,22) size 87x70
text run at (22,22) width 34: "In"
- text run at (22,62) width 88: "Front"
-layer at (392,102) size 200x200 clip at (402,112) size 180x180 scrollWidth 230 scrollHeight 230 layerType: background only
-layer at (352,62) size 150x150 backgroundClip at (402,112) size 180x180 clip at (402,112) size 180x180 outlineClip at (402,112) size 180x180
+ text run at (22,57) width 87: "Front"
+layer at (392,100) size 200x200 clip at (402,110) size 180x180 scrollWidth 230 scrollHeight 230 layerType: background only
+layer at (352,60) size 150x150 backgroundClip at (402,110) size 180x180 clip at (402,110) size 180x180 outlineClip at (402,110) size 180x180
RenderBlock (positioned) zI: -1 {DIV} at (-40,-40) size 150x150 [color=#808080] [bgcolor=#C86464] [border: (2px solid #000000)]
- RenderText zI: -1 {#text} at (22,22) size 109x40
- text run at (22,22) width 109: "Behind"
+ RenderText zI: -1 {#text} at (22,22) size 108x35
+ text run at (22,22) width 108: "Behind"
RenderText zI: -1 {#text} at (0,0) size 0x0
-layer at (374,144) size 100x100 backgroundClip at (402,112) size 180x180 clip at (402,112) size 180x180 outlineClip at (402,112) size 180x180
+layer at (374,142) size 100x100 backgroundClip at (402,110) size 180x180 clip at (402,110) size 180x180 outlineClip at (402,110) size 180x180
RenderBlock (positioned) {DIV} at (22,82) size 100x100 [bgcolor=#008000] [border: (2px solid #000000)]
- RenderText {#text} at (22,22) size 55x40
- text run at (22,22) width 55: "Behind"
- text run at (22,42) width 53: "behind"
-layer at (392,102) size 200x200 clip at (402,112) size 180x180 scrollWidth 230 scrollHeight 230 layerType: foreground only
+ RenderText {#text} at (22,22) size 54x34
+ text run at (22,22) width 54: "Behind"
+ text run at (22,39) width 52: "behind"
+layer at (392,100) size 200x200 clip at (402,110) size 180x180 scrollWidth 230 scrollHeight 230 layerType: foreground only
RenderBlock (relative positioned) {DIV} at (384,60) size 200x200 [color=#0000FF] [bgcolor=#FFFFFFCC] [border: (10px solid #000000)]
- RenderText {#text} at (30,30) size 128x80
+ RenderText {#text} at (30,30) size 126x70
text run at (30,30) width 59: "Box"
- text run at (30,70) width 128: "contents"
+ text run at (30,65) width 126: "contents"
RenderText {#text} at (0,0) size 0x0
RenderText {#text} at (0,0) size 0x0
-layer at (482,192) size 150x150 backgroundClip at (402,112) size 180x180 clip at (402,112) size 180x180 outlineClip at (402,112) size 180x180
+layer at (482,190) size 150x150 backgroundClip at (402,110) size 180x180 clip at (402,110) size 180x180 outlineClip at (402,110) size 180x180
RenderBlock (positioned) zI: 1 {DIV} at (90,90) size 150x150 [color=#808080] [bgcolor=#C8C880] [border: (2px solid #000000)]
- RenderText zI: 1 {#text} at (22,22) size 88x80
+ RenderText zI: 1 {#text} at (22,22) size 87x70
text run at (22,22) width 34: "In"
- text run at (22,62) width 88: "Front"
+ text run at (22,57) width 87: "Front"