| layer at (0,0) size 800x600 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 800x576 isolatesBlending |
| RenderBlock {HTML} at (0,0) size 800x576 |
| RenderBody {BODY} at (8,16) size 784x544 |
| RenderBlock {UL} at (0,0) size 784x544 |
| RenderBlock {OL} at (40,0) size 744x144 |
| RenderListItem {LI} at (40,0) size 704x18 |
| RenderListMarker at (-20,0) size 16x18: "1" |
| RenderText {#text} at (0,0) size 316x18 |
| text run at (0,0) width 316: "No blending. Duck should be yellow everywhere." |
| RenderListItem {LI} at (40,18) size 704x18 |
| RenderListMarker at (-20,0) size 16x18: "2" |
| RenderText {#text} at (0,0) size 533x18 |
| text run at (0,0) width 533: "Simple blending. Duck should be a horizontal rainbow inside, and blue on overflow." |
| RenderListItem {LI} at (40,36) size 704x36 |
| RenderListMarker at (-20,0) size 16x18: "3" |
| RenderText {#text} at (0,0) size 703x36 |
| text run at (0,0) width 703: "Parent is a stacking context. Duck should be a horizontal rainbow inside, and yellow on overflow (since there is" |
| text run at (0,18) width 226: "no background there to blend with)." |
| RenderListItem {LI} at (40,72) size 704x18 |
| RenderListMarker at (-20,0) size 16x18: "4" |
| RenderText {#text} at (0,0) size 668x18 |
| text run at (0,0) width 668: "Intermediate parent - no stacking context. Duck should be a vertical gradient inside, and blue on overflow." |
| RenderListItem {LI} at (40,90) size 704x36 |
| RenderListMarker at (-20,0) size 16x18: "5" |
| RenderText {#text} at (0,0) size 701x36 |
| text run at (0,0) width 701: "Intermediate parent with grandparent stacking context. Duck should be a vertical gradient inside, and yellow on" |
| text run at (0,18) width 61: "overflow." |
| RenderListItem {LI} at (40,126) size 704x18 |
| RenderListMarker at (-20,0) size 16x18: "6" |
| RenderText {#text} at (0,0) size 629x18 |
| text run at (0,0) width 629: "Intermediate parent has overflow. Duck should be a vertical gradient inside, and overflow is hidden." |
| RenderBlock (anonymous) at (40,176) size 744x368 |
| RenderBlock {DIV} at (0,0) size 180x180 |
| RenderText {#text} at (180,166) size 4x18 |
| text run at (180,166) width 4: " " |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {DIV} at (184,0) size 180x180 |
| RenderText {#text} at (364,166) size 4x18 |
| text run at (364,166) width 4: " " |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {DIV} at (368,0) size 180x180 |
| RenderText {#text} at (548,166) size 4x18 |
| text run at (548,166) width 4: " " |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {DIV} at (552,0) size 180x180 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {DIV} at (0,184) size 180x180 |
| RenderText {#text} at (180,350) size 4x18 |
| text run at (180,350) width 4: " " |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {DIV} at (184,184) size 180x180 |
| RenderText {#text} at (0,0) size 0x0 |
| layer at (48,192) size 150x150 |
| RenderBlock (relative positioned) {DIV} at (0,0) size 150x150 |
| layer at (68,212) size 150x150 |
| RenderImage {IMG} at (20,20) size 150x150 |
| layer at (232,192) size 150x150 |
| RenderBlock (relative positioned) {DIV} at (0,0) size 150x150 |
| layer at (252,212) size 150x150 blendMode: difference |
| RenderImage {IMG} at (20,20) size 150x150 |
| layer at (416,192) size 150x150 isolatesBlending |
| RenderBlock (relative positioned) {DIV} at (0,0) size 150x150 |
| layer at (436,212) size 150x150 blendMode: difference |
| RenderImage {IMG} at (20,20) size 150x150 |
| layer at (600,192) size 150x150 |
| RenderBlock (relative positioned) {DIV} at (0,0) size 150x150 |
| layer at (610,202) size 150x150 |
| RenderBlock (positioned) {DIV} at (10,10) size 150x150 |
| layer at (630,222) size 150x150 blendMode: difference |
| RenderImage {IMG} at (20,20) size 150x150 |
| layer at (48,376) size 150x150 isolatesBlending |
| RenderBlock (relative positioned) {DIV} at (0,0) size 150x150 |
| layer at (58,386) size 150x150 |
| RenderBlock (positioned) {DIV} at (10,10) size 150x150 |
| layer at (78,406) size 150x150 blendMode: difference |
| RenderImage {IMG} at (20,20) size 150x150 |
| layer at (232,376) size 150x150 isolatesBlending |
| RenderBlock (relative positioned) {DIV} at (0,0) size 150x150 |
| layer at (242,386) size 150x150 scrollWidth 170 scrollHeight 170 |
| RenderBlock (positioned) {DIV} at (10,10) size 150x150 |
| layer at (262,406) size 150x150 backgroundClip at (242,386) size 150x150 clip at (242,386) size 150x150 outlineClip at (242,386) size 150x150 blendMode: difference |
| RenderImage {IMG} at (20,20) size 150x150 |
