layer at (0,0) size 800x600
  RenderView at (0,0) size 800x600
layer at (0,0) size 800x306
  RenderBlock {HTML} at (0,0) size 800x306
    RenderBody {BODY} at (8,16) size 784x260
      RenderBlock {P} at (0,0) size 784x0
      RenderBlock {P} at (0,0) size 784x20
        RenderText {#text} at (0,0) size 682x19
          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,50) size 400x210
layer at (38,66) size 250x100
  RenderBlock {DIV} at (0,0) size 250x100 [bgcolor=#008000] [border: none (50px solid #808080) none]
    RenderText {#text} at (0,0) size 104x19
      text run at (0,0) width 104: "box-sizing: auto"
layer at (38,176) size 200x100
  RenderBlock {DIV} at (0,110) size 200x100 [bgcolor=#008000] [border: none (50px solid #808080) none]
    RenderText {#text} at (0,0) size 147x19
      text run at (0,0) width 147: "box-sizing: border-box"