1 layer at (0,0) size 800x600
2 LayoutView at (0,0) size 800x600
3 layer at (0,0) size 800x600
4 LayoutBlockFlow {HTML} at (0,0) size 800x600
5 LayoutBlockFlow {BODY} at (8,8) size 784x584
6 LayoutText {#text} at (0,0) size 471x17
7 text run at (0,0) width 471: "The white text and grey backgrounds should all clip to the border-radius. "
8 LayoutBR {BR} at (470,14) size 1x0
9 LayoutText {#text} at (240,144) size 4x17
10 text run at (240,144) width 4: " "
11 LayoutText {#text} at (484,144) size 4x17
12 text run at (484,144) width 4: " "
13 LayoutText {#text} at (0,0) size 0x0
14 LayoutText {#text} at (0,0) size 0x0
15 LayoutText {#text} at (240,288) size 4x17
16 text run at (240,288) width 4: " "
17 LayoutBR {BR} at (244,302) size 0x0
18 LayoutText {#text} at (0,0) size 0x0
19 layer at (18,36) size 220x120 clip at (28,46) size 200x100 scrollWidth 206 scrollHeight 156
20 LayoutBlockFlow {DIV} at (10,28) size 220x120 [border: (10px solid #000000)]
21 layer at (28,46) size 200x100
22 LayoutBlockFlow {DIV} at (10,10) size 200x100 [color=#FFFFFF] [bgcolor=#808080]
23 LayoutText {#text} at (0,0) size 85x17
24 text run at (0,0) width 85: "static > static"
25 layer at (262,36) size 220x120 clip at (272,46) size 200x100 scrollWidth 206 scrollHeight 156
26 LayoutBlockFlow {DIV} at (254,28) size 220x120 [border: (10px solid #000000)]
27 layer at (272,46) size 200x100
28 LayoutBlockFlow (relative positioned) {DIV} at (10,10) size 200x100 [color=#FFFFFF] [bgcolor=#808080]
29 LayoutText {#text} at (0,0) size 99x17
30 text run at (0,0) width 99: "static > relative"
31 layer at (506,36) size 220x120 clip at (516,46) size 200x100 scrollWidth 206 scrollHeight 156
32 LayoutBlockFlow (relative positioned) {DIV} at (498,28) size 220x120 [border: (10px solid #000000)]
33 layer at (516,46) size 200x100
34 LayoutBlockFlow {DIV} at (10,10) size 200x100 [color=#FFFFFF] [bgcolor=#808080]
35 LayoutText {#text} at (0,0) size 99x17
36 text run at (0,0) width 99: "relative > static"
37 layer at (18,180) size 220x120 clip at (28,190) size 200x100 scrollWidth 206 scrollHeight 156
38 LayoutBlockFlow (relative positioned) {DIV} at (10,172) size 220x120 [border: (10px solid #000000)]
39 layer at (28,190) size 200x100
40 LayoutBlockFlow (relative positioned) {DIV} at (10,10) size 200x100 [color=#FFFFFF] [bgcolor=#808080]
41 LayoutText {#text} at (0,0) size 113x17
42 text run at (0,0) width 113: "relative > relative"
43 layer at (18,324) size 220x120 clip at (28,334) size 200x100 scrollWidth 206 scrollHeight 156
44 LayoutBlockFlow (relative positioned) {DIV} at (10,316) size 220x120 [border: (10px solid #000000)]
45 layer at (28,334) size 200x100
46 LayoutBlockFlow (positioned) {DIV} at (10,10) size 200x100 [color=#FFFFFF] [bgcolor=#808080]
47 LayoutText {#text} at (0,0) size 119x17
48 text run at (0,0) width 119: "relative > absolute"