layer at (0,0) size 800x870
  RenderView at (0,0) size 800x600
layer at (0,0) size 800x870
  RenderBlock {HTML} at (0,0) size 800x870
    RenderBody {BODY} at (8,8) size 784x854
      RenderBlock (anonymous) at (0,0) size 784x19
        RenderText {#text} at (0,0) size 365x19
          text run at (0,0) width 365: "All of the boxes below should be 20x20 and look identical."
      RenderBlock {H1} at (0,37) size 784x38
        RenderText {#text} at (0,0) size 198x38
          text run at (0,0) width 198: "Normal Blocks"
      RenderBlock {DIV} at (5,93) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
      RenderBlock {DIV} at (5,123) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
      RenderBlock {DIV} at (5,153) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
      RenderBlock {DIV} at (5,183) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
        RenderBR {BR} at (6,6) size 0x19
        RenderBR {BR} at (6,25) size 0x19
        RenderBR {BR} at (6,44) size 0x19
      RenderBlock {H1} at (0,221) size 784x38
        RenderText {#text} at (0,0) size 175x38
          text run at (0,0) width 175: "Inline Blocks"
      RenderBlock (anonymous) at (0,277) size 784x40
        RenderBlock {DIV} at (5,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
        RenderBlock {DIV} at (35,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
        RenderBlock {DIV} at (65,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
        RenderBlock {DIV} at (95,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
          RenderBR {BR} at (6,6) size 0x19
          RenderBR {BR} at (6,25) size 0x19
          RenderBR {BR} at (6,44) size 0x19
        RenderText {#text} at (0,0) size 0x0
      RenderBlock {H1} at (0,335) size 784x38
        RenderText {#text} at (0,0) size 245x38
          text run at (0,0) width 245: "Positioned Blocks"
      RenderBlock (anonymous) at (0,391) size 784x19
        RenderBR {BR} at (0,0) size 0x19
      RenderBlock {H1} at (0,428) size 784x38
        RenderText {#text} at (0,0) size 207x38
          text run at (0,0) width 207: "Floating blocks"
      RenderBlock (floating) {DIV} at (5,494) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
      RenderBlock (floating) {DIV} at (35,494) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
      RenderBlock (floating) {DIV} at (65,494) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
      RenderBlock (floating) {DIV} at (95,494) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
        RenderBR {BR} at (6,6) size 0x19
        RenderBR {BR} at (6,25) size 0x19
        RenderBR {BR} at (6,44) size 0x19
      RenderBlock (anonymous) at (0,484) size 784x40
        RenderBR {BR} at (120,0) size 0x19
      RenderBlock {H1} at (0,542) size 784x38
        RenderText {#text} at (0,0) size 203x38
          text run at (0,0) width 203: "Normal Images"
      RenderBlock (anonymous) at (0,598) size 784x40
        RenderImage {IMG} at (5,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
        RenderImage {IMG} at (35,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
        RenderImage {IMG} at (65,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
        RenderImage {IMG} at (95,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
        RenderText {#text} at (0,0) size 0x0
      RenderBlock {H1} at (0,656) size 784x38
        RenderText {#text} at (0,0) size 250x38
          text run at (0,0) width 250: "Positioned Images"
      RenderBlock (anonymous) at (0,712) size 784x19
        RenderBR {BR} at (0,0) size 0x19
      RenderBlock {H1} at (0,749) size 784x38
        RenderText {#text} at (0,0) size 215x38
          text run at (0,0) width 215: "Floating Images"
      RenderImage {IMG} at (5,815) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
      RenderImage {IMG} at (35,815) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
      RenderImage {IMG} at (65,815) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
      RenderImage {IMG} at (95,815) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
      RenderBlock (anonymous) at (0,805) size 784x40
        RenderBR {BR} at (120,0) size 0x19
      RenderBlock {HR} at (0,852) size 784x2 [border: (1px inset #000000)]
layer at (13,399) size 20x20
  RenderBlock (positioned) {DIV} at (13,399) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
layer at (43,399) size 20x20
  RenderBlock (positioned) {DIV} at (43,399) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
layer at (73,399) size 20x20
  RenderBlock (positioned) {DIV} at (73,399) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
layer at (103,399) size 20x63
  RenderBlock (positioned) {DIV} at (103,399) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
    RenderBR {BR} at (6,6) size 0x19
    RenderBR {BR} at (6,25) size 0x19
    RenderBR {BR} at (6,44) size 0x19
layer at (13,720) size 20x20
  RenderImage {IMG} at (13,720) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
layer at (43,720) size 20x20
  RenderImage {IMG} at (43,720) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
layer at (73,720) size 20x20
  RenderImage {IMG} at (73,720) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
layer at (103,720) size 20x20
  RenderImage {IMG} at (103,720) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
