1 layer at (0,0) size 800x600
2 RenderView at (0,0) size 800x600
3 layer at (0,0) size 800x600
4 RenderBlock {HTML} at (0,0) size 800x600
5 RenderBody {BODY} at (8,8) size 784x584
6 RenderBlock {P} at (0,0) size 784x18
7 RenderText {#text} at (0,0) size 436x18
8 text run at (0,0) width 436: "The layering of the boxes should not be affected by overflow:hidden."
9 RenderBlock (anonymous) at (0,34) size 784x479
10 RenderText {#text} at (320,306) size 4x18
11 text run at (320,306) width 4: " "
12 RenderText {#text} at (0,0) size 0x0
13 layer at (68,261) size 200x200 layerType: background only
14 layer at (28,221) size 150x150
15 RenderBlock (positioned) zI: -1 {DIV} at (-40,-40) size 150x150 [color=#808080] [bgcolor=#C86464] [border: (2px solid #000000)]
16 RenderText zI: -1 {#text} at (22,22) size 109x40
17 text run at (22,22) width 109: "Behind"
18 RenderText zI: -1 {#text} at (0,0) size 0x0
19 layer at (50,303) size 100x100
20 RenderBlock (positioned) {DIV} at (22,82) size 100x100 [bgcolor=#008000] [border: (2px solid #000000)]
21 RenderText {#text} at (22,22) size 55x40
22 text run at (22,22) width 55: "Behind"
23 text run at (22,42) width 53: "behind"
24 layer at (68,261) size 200x200 layerType: foreground only
25 RenderBlock (relative positioned) {DIV} at (60,219) size 200x200 [color=#0000FF] [bgcolor=#FFFFFFCC] [border: (10px solid #000000)]
26 RenderText {#text} at (30,30) size 128x80
27 text run at (30,30) width 59: "Box"
28 text run at (30,70) width 128: "contents"
29 RenderText {#text} at (0,0) size 0x0
30 RenderText {#text} at (0,0) size 0x0
31 layer at (158,351) size 150x150
32 RenderBlock (positioned) zI: 1 {DIV} at (90,90) size 150x150 [color=#808080] [bgcolor=#C8C880] [border: (2px solid #000000)]
33 RenderText zI: 1 {#text} at (22,22) size 88x80
34 text run at (22,22) width 34: "In"
35 text run at (22,62) width 88: "Front"
36 layer at (392,102) size 200x200 clip at (402,112) size 180x180 scrollWidth 230 scrollHeight 230 layerType: background only
37 layer at (352,62) size 150x150 backgroundClip at (402,112) size 180x180 clip at (402,112) size 180x180 outlineClip at (402,112) size 180x180
38 RenderBlock (positioned) zI: -1 {DIV} at (-40,-40) size 150x150 [color=#808080] [bgcolor=#C86464] [border: (2px solid #000000)]
39 RenderText zI: -1 {#text} at (22,22) size 109x40
40 text run at (22,22) width 109: "Behind"
41 RenderText zI: -1 {#text} at (0,0) size 0x0
42 layer at (374,144) size 100x100 backgroundClip at (402,112) size 180x180 clip at (402,112) size 180x180 outlineClip at (402,112) size 180x180
43 RenderBlock (positioned) {DIV} at (22,82) size 100x100 [bgcolor=#008000] [border: (2px solid #000000)]
44 RenderText {#text} at (22,22) size 55x40
45 text run at (22,22) width 55: "Behind"
46 text run at (22,42) width 53: "behind"
47 layer at (392,102) size 200x200 clip at (402,112) size 180x180 scrollWidth 230 scrollHeight 230 layerType: foreground only
48 RenderBlock (relative positioned) {DIV} at (384,60) size 200x200 [color=#0000FF] [bgcolor=#FFFFFFCC] [border: (10px solid #000000)]
49 RenderText {#text} at (30,30) size 128x80
50 text run at (30,30) width 59: "Box"
51 text run at (30,70) width 128: "contents"
52 RenderText {#text} at (0,0) size 0x0
53 RenderText {#text} at (0,0) size 0x0
54 layer at (482,192) size 150x150 backgroundClip at (402,112) size 180x180 clip at (402,112) size 180x180 outlineClip at (402,112) size 180x180
55 RenderBlock (positioned) zI: 1 {DIV} at (90,90) size 150x150 [color=#808080] [bgcolor=#C8C880] [border: (2px solid #000000)]
56 RenderText zI: 1 {#text} at (22,22) size 88x80
57 text run at (22,22) width 34: "In"
58 text run at (22,62) width 88: "Front"