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 LayoutBlockFlow {DIV} at (0,0) size 784x22 [border: (1px solid #FF0000)]
7 LayoutBlockFlow {DIV} at (0,22) size 784x22 [border: (1px solid #FF0000)]
8 layer at (9,9) size 782x20
9 LayoutBlockFlow (relative positioned) {DIV} at (1,1) size 782x20
10 LayoutText {#text} at (0,0) size 576x19
11 text run at (0,0) width 576: "This text with top percent relative and containing block auto should appear inside the red border"
12 layer at (9,31) size 782x20
13 LayoutBlockFlow (relative positioned) {DIV} at (1,1) size 782x20
14 LayoutText {#text} at (0,0) size 599x19
15 text run at (0,0) width 599: "This text with bottom percent relative and containing block auto should appear inside the red border"