1 layer at (0,0) size 800x600 clip at (0,0) size 785x585 scrollWidth 814 scrollHeight 854
2 LayoutView at (0,0) size 800x600
3 layer at (0,0) size 785x585
4 LayoutBlockFlow {HTML} at (0,0) size 785x585
5 LayoutBlockFlow {BODY} at (8,8) size 769x569
6 LayoutText {#text} at (0,0) size 757x39
7 text run at (0,0) width 757: "Document canvas should be big enough to fit both blue and red (relative positioned) rectangles (ie. have scrollbars if they don't"
8 text run at (0,20) width 86: "fit to the view)"
9 LayoutText {#text} at (0,0) size 0x0
10 layer at (8,48) size 504x504
11 LayoutBlockFlow (positioned) {DIV} at (8,48) size 504x504 [border: (2px solid #0000FF)]
12 layer at (310,350) size 504x504 backgroundClip at (0,0) size 785x585 clip at (0,0) size 785x585
13 LayoutBlockFlow (relative positioned) {DIV} at (2,2) size 504x504 [border: (2px solid #FF0000)]