layer at (0,0) size 800x600
  RenderView at (0,0) size 800x600
layer at (0,0) size 800x482
  RenderBlock {html} at (0,0) size 800x482
    RenderBody {body} at (8,16) size 784x458
      RenderBlock {p} at (0,0) size 784x40
        RenderText {#text} at (0,0) size 769x39
          text run at (0,0) width 769: "The svg area contained in the div element (red box), should fill out the whole area (two green rectangles, first: (0,0)-(50%,50%),"
          text run at (0,20) width 569: "second: (50%,50%)-(100%,100%)), especially after resizing the content box to a different size"
      RenderBlock {div} at (0,56) size 402x402 [border: (1px solid #FF0000)]
        RenderSVGRoot {svg} at (9,73) size 400x400
          RenderSVGHiddenContainer {defs} at (0,0) size 0x0
            RenderSVGHiddenContainer {symbol} at (0,0) size 0x0
              RenderSVGRect {rect} at (9,73) size 0x0 [fill={[type=SOLID] [color=#008000]}] [x=0.00] [y=0.00] [width=0.00] [height=0.00]
              RenderSVGRect {rect} at (9,73) size 100x100 [fill={[type=SOLID] [color=#008000]}] [x=0.00] [y=0.00] [width=100.00] [height=100.00]
          RenderSVGContainer {use} at (9,73) size 400x400
            RenderSVGViewportContainer {svg} at (9,73) size 400x400
              RenderSVGRect {rect} at (209,273) size 200x200 [fill={[type=SOLID] [color=#008000]}] [x=100.00] [y=100.00] [width=100.00] [height=100.00]
              RenderSVGRect {rect} at (9,73) size 200x200 [fill={[type=SOLID] [color=#008000]}] [x=0.00] [y=0.00] [width=100.00] [height=100.00]
        RenderText {#text} at (0,0) size 0x0