layer at (0,0) size 800x600
  RenderView at (0,0) size 800x600
layer at (0,0) size 800x158
  RenderBlock {HTML} at (0,0) size 800x158
    RenderBody {BODY} at (8,16) size 784x126
      RenderBlock (floating) {DIV} at (555,0) size 229x58 [bgcolor=#CC6666]
        RenderText {#text} at (20,20) size 189x18
          text run at (20,20) width 189: "DIV NUMBER 1: float:right;"
      RenderBlock (floating) {DIV} at (481,58) size 303x58 [bgcolor=#99CC66]
        RenderText {#text} at (20,20) size 263x18
          text run at (20,20) width 263: "DIV NUMBER 2: clear:right; float:right;"
      RenderBlock (floating) {DIV} at (0,58) size 220x58 [bgcolor=#6699FF]
        RenderText {#text} at (20,20) size 180x18
          text run at (20,20) width 180: "DIV NUMBER 3: float:left;"
      RenderBlock {P} at (0,0) size 784x126
        RenderText {#text} at (0,0) size 552x108
          text run at (0,0) width 540: "The first element is floated to the right. The second element clears the right float and"
          text run at (0,18) width 552: "also floats right. The third element is floated to the left, but is forced below the bottom"
          text run at (0,36) width 551: "of the first element. Yet, somehow this paragraph comes at the end of the markup, and"
          text run at (219,54) width 244: "manages to rise to the top of the page."
          text run at (219,72) width 226: "This behavior is present in Firefox,"
          text run at (219,90) width 118: "Safari and Opera. "
        RenderInline {A} at (0,0) size 254x36 [color=#0000EE]
          RenderInline {STRONG} at (0,0) size 254x36
            RenderText {#text} at (336,90) size 254x36
              text run at (336,90) width 137: "Click here for a real"
              text run at (219,108) width 182: "world example of this bug."