layer at (0,0) size 785x625
  RenderView at (0,0) size 785x600
layer at (0,0) size 785x625
  RenderBlock {HTML} at (0,0) size 785x626
    RenderBody {BODY} at (8,21) size 769x586
      RenderBlock {H1} at (0,0) size 769x72
        RenderText {#text} at (0,0) size 543x36
          text run at (0,0) width 543: "Margins and block formating contexts ("
        RenderInline {A} at (0,0) size 751x72 [color=#0000EE]
          RenderText {#text} at (543,0) size 751x72
            text run at (543,0) width 208: "additional tests"
            text run at (0,36) width 254: "from Alan Gresley"
        RenderText {#text} at (254,36) size 11x36
          text run at (254,36) width 11: ")"
      RenderBlock {H3} at (0,93) size 769x64
        RenderText {#text} at (0,0) size 704x21
          text run at (0,0) width 704: "The orange stripe has 'overflow: auto', 'margin-left: 100px' and 'margin-right: 100px'"
        RenderBR {BR} at (704,0) size 0x21
        RenderText {#text} at (0,21) size 663x21
          text run at (0,21) width 663: "The lime stripes are floats with various width (topmost is 0, bottommost is 150px)"
        RenderBR {BR} at (663,21) size 0x21
        RenderText {#text} at (0,42) size 404x21
          text run at (0,42) width 404: "The wrapping container has a solid silver border."
      RenderBlock {DIV} at (16,175) size 650x28 [border: (5px solid #C0C0C0)]
        RenderBlock (floating) {DIV} at (5,5) size 0x16 [bgcolor=#00FF00]
          RenderText {#text} at (0,0) size 38x17
            text run at (0,0) width 38: "floatL"
      RenderBlock {DIV} at (16,218) size 650x28 [border: (5px solid #C0C0C0)]
        RenderBlock (floating) {DIV} at (5,5) size 50x16 [bgcolor=#00FF00]
          RenderText {#text} at (0,0) size 38x17
            text run at (0,0) width 38: "floatL"
      RenderBlock {DIV} at (16,261) size 650x28 [border: (5px solid #C0C0C0)]
        RenderBlock (floating) {DIV} at (5,5) size 100x16 [bgcolor=#00FF00]
          RenderText {#text} at (0,0) size 38x17
            text run at (0,0) width 38: "floatL"
      RenderBlock {DIV} at (16,304) size 650x28 [border: (5px solid #C0C0C0)]
        RenderBlock (floating) {DIV} at (5,5) size 150x16 [bgcolor=#00FF00]
          RenderText {#text} at (0,0) size 82x17
            text run at (0,0) width 82: "floatL 150px"
      RenderBlock {DIV} at (16,347) size 650x28 [border: (5px solid #C0C0C0)]
        RenderBlock (floating) {DIV} at (645,5) size 0x16 [bgcolor=#00FF00]
          RenderText {#text} at (0,0) size 39x17
            text run at (0,0) width 39: "floatR"
      RenderBlock {DIV} at (16,390) size 650x28 [border: (5px solid #C0C0C0)]
        RenderBlock (floating) {DIV} at (595,5) size 50x16 [bgcolor=#00FF00]
          RenderText {#text} at (0,0) size 39x17
            text run at (0,0) width 39: "floatR"
      RenderBlock {DIV} at (16,433) size 650x28 [border: (5px solid #C0C0C0)]
        RenderBlock (floating) {DIV} at (545,5) size 100x16 [bgcolor=#00FF00]
          RenderText {#text} at (0,0) size 39x17
            text run at (0,0) width 39: "floatR"
      RenderBlock {DIV} at (16,476) size 650x28 [border: (5px solid #C0C0C0)]
        RenderBlock (floating) {DIV} at (495,5) size 150x16 [bgcolor=#00FF00]
          RenderText {#text} at (0,0) size 83x17
            text run at (0,0) width 83: "floatR 150px"
      RenderBlock {H3} at (0,521) size 769x64
        RenderText {#text} at (0,0) size 676x21
          text run at (0,0) width 676: "The orange stripe has 'overflow: auto', 'margin-left: auto' and 'margin-right: auto'"
        RenderBR {BR} at (676,0) size 0x21
        RenderText {#text} at (0,21) size 663x21
          text run at (0,21) width 663: "The lime stripes are floats with various width (topmost is 0, bottommost is 150px)"
        RenderBR {BR} at (663,21) size 0x21
        RenderText {#text} at (0,42) size 404x21
          text run at (0,42) width 404: "The wrapping container has a solid silver border."
layer at (129,202) size 440x17
  RenderBlock {DIV} at (105,5) size 440x17 [bgcolor=#FFA500]
    RenderText {#text} at (0,0) size 172x17
      text run at (0,0) width 172: "<div> with 'overflow: auto'"
layer at (129,245) size 440x17
  RenderBlock {DIV} at (105,5) size 440x17 [bgcolor=#FFA500]
    RenderText {#text} at (0,0) size 172x17
      text run at (0,0) width 172: "<div> with 'overflow: auto'"
layer at (129,288) size 440x17
  RenderBlock {DIV} at (105,5) size 440x17 [bgcolor=#FFA500]
    RenderText {#text} at (0,0) size 172x17
      text run at (0,0) width 172: "<div> with 'overflow: auto'"
layer at (179,331) size 390x17
  RenderBlock {DIV} at (155,5) size 390x17 [bgcolor=#FFA500]
    RenderText {#text} at (0,0) size 172x17
      text run at (0,0) width 172: "<div> with 'overflow: auto'"
layer at (129,374) size 440x17
  RenderBlock {DIV} at (105,5) size 440x17 [bgcolor=#FFA500]
    RenderText {#text} at (0,0) size 172x17
      text run at (0,0) width 172: "<div> with 'overflow: auto'"
layer at (129,417) size 440x17
  RenderBlock {DIV} at (105,5) size 440x17 [bgcolor=#FFA500]
    RenderText {#text} at (0,0) size 172x17
      text run at (0,0) width 172: "<div> with 'overflow: auto'"
layer at (129,460) size 440x17
  RenderBlock {DIV} at (105,5) size 440x17 [bgcolor=#FFA500]
    RenderText {#text} at (0,0) size 172x17
      text run at (0,0) width 172: "<div> with 'overflow: auto'"
layer at (129,503) size 390x17
  RenderBlock {DIV} at (105,5) size 390x17 [bgcolor=#FFA500]
    RenderText {#text} at (0,0) size 172x17
      text run at (0,0) width 172: "<div> with 'overflow: auto'"