layer at (0,0) size 800x600
  RenderView at (0,0) size 800x600
layer at (0,0) size 800x304
  RenderBlock {HTML} at (0,0) size 800x304
    RenderBody {BODY} at (8,16) size 784x258
      RenderBlock {P} at (0,0) size 784x0
      RenderBlock {P} at (0,0) size 784x18
        RenderText {#text} at (0,0) size 682x18
          text run at (0,0) width 682: "Top box should have gray part extending outside the black outline. Lower box should lie inside the outline"
      RenderBlock {DIV} at (30,48) size 400x210
layer at (38,64) size 250x100
  RenderBlock {DIV} at (0,0) size 250x100 [bgcolor=#008000] [border: none (50px solid #808080) none]
    RenderText {#text} at (0,0) size 104x18
      text run at (0,0) width 104: "box-sizing: auto"
layer at (38,174) size 200x100
  RenderBlock {DIV} at (0,110) size 200x100 [bgcolor=#008000] [border: none (50px solid #808080) none]
    RenderText {#text} at (0,0) size 147x18
      text run at (0,0) width 147: "box-sizing: border-box"