layer at (0,0) size 800x600
  RenderView at (0,0) size 800x600
layer at (0,0) size 800x478
  RenderBlock {html} at (0,0) size 800x478
    RenderBody {body} at (8,16) size 784x454
      RenderBlock {p} at (0,0) size 784x36
        RenderText {#text} at (0,0) size 721x35
          text run at (0,0) width 721: "The svg area contained in the div element (red box), should fill out the whole area (two blue rectangles, first: (0,0)-"
          text run at (0,18) width 670: "(50%,50%), second: (50%,50%)-(100%,100%)), especially after resizing the content box to a different size"
      RenderBlock {div} at (0,52) size 402x402 [border: (1px solid #FF0000)]
        RenderSVGRoot {svg} at (9,69) size 400x400
          RenderSVGHiddenContainer {defs} at (0,0) size 0x0
            RenderSVGRect {rect} at (9,269) size 200x200 [fill={[type=SOLID] [color=#0000FF]}] [x=0.00] [y=200.00] [width=200.00] [height=200.00]
            RenderSVGRect {rect} at (9,69) size 200x200 [fill={[type=SOLID] [color=#0000FF]}] [x=0.00] [y=0.00] [width=200.00] [height=200.00]
            RenderSVGContainer {use} at (9,69) size 200x200
              RenderSVGRect {rect} at (9,69) size 200x200 [fill={[type=SOLID] [color=#0000FF]}] [x=0.00] [y=0.00] [width=200.00] [height=200.00]
          RenderSVGContainer {use} at (209,269) size 200x200 [transform={m=((1.00,0.00)(0.00,1.00)) t=(200.00,0.00)}]
            RenderSVGRect {rect} at (209,269) size 200x200 [fill={[type=SOLID] [color=#0000FF]}] [x=0.00] [y=200.00] [width=200.00] [height=200.00]
          RenderSVGContainer {use} at (9,69) size 200x200
            RenderSVGContainer {g} at (9,69) size 200x200
              RenderSVGRect {rect} at (9,69) size 200x200 [fill={[type=SOLID] [color=#0000FF]}] [x=0.00] [y=0.00] [width=200.00] [height=200.00]
        RenderText {#text} at (0,0) size 0x0