layer at (0,0) size 800x652
  RenderView at (0,0) size 800x600
layer at (0,0) size 800x652
  RenderBlock {HTML} at (0,0) size 800x652
    RenderBody {BODY} at (0,40) size 800x592
      RenderBlock {DIV} at (50,256) size 750x336
        RenderBlock {H3} at (0,0) size 750x23
          RenderText {#text} at (0,0) size 78x22
            text run at (0,0) width 78: "Test case:"
        RenderBlock {UL} at (0,28) size 750x154
          RenderListItem {LI} at (0,0) size 750x19
            RenderListMarker at (-1,0) size 7x19: bullet
            RenderText {#text} at (14,0) size 408x19
              text run at (14,0) width 4: " "
              text run at (18,0) width 404: "Blue div has 400px width, dynamic height, and position: relative."
          RenderListItem {LI} at (0,26) size 750x38
            RenderListMarker at (-1,0) size 7x19: bullet
            RenderText {#text} at (14,0) size 547x19
              text run at (14,0) width 4: " "
              text run at (18,0) width 543: "Inside blue div there are 3 other div with height: 40px (and has some bottom margin..)"
            RenderBR {BR} at (561,0) size 0x19
            RenderText {#text} at (0,19) size 386x19
              text run at (0,19) width 386: "the height of the blue div expands with the green divs inside.."
          RenderListItem {LI} at (0,71) size 750x57
            RenderListMarker at (-1,0) size 7x19: bullet
            RenderText {#text} at (14,0) size 536x19
              text run at (14,0) width 4: " "
              text run at (18,0) width 532: "Yellow div has position absolute (and positioned in the top left corner of the blue div)"
            RenderBR {BR} at (550,0) size 0x19
            RenderText {#text} at (0,19) size 139x19
              text run at (0,19) width 139: "it's height set to 100%"
            RenderBR {BR} at (139,19) size 0x19
            RenderText {#text} at (0,38) size 433x19
              text run at (0,38) width 433: "the height of the yellow div now equals with the height of the blue div"
          RenderListItem {LI} at (0,135) size 750x19
            RenderListMarker at (-1,0) size 7x19: bullet
            RenderText {#text} at (14,0) size 412x19
              text run at (14,0) width 4: " "
              text run at (18,0) width 408: "Red div is inserted into the yellow div, and it's height set to 100%"
        RenderBlock {H3} at (0,202) size 750x23
          RenderText {#text} at (0,0) size 69x22
            text run at (0,0) width 69: "Problem:"
        RenderBlock {P} at (0,230) size 750x39
          RenderText {#text} at (0,0) size 159x19
            text run at (0,0) width 159: "The height of the red div "
          RenderInline {STRONG} at (0,0) size 98x20
            RenderText {#text} at (159,0) size 98x20
              text run at (159,0) width 98: "should equals"
          RenderText {#text} at (257,0) size 261x19
            text run at (257,0) width 261: " to the height of the blue (and yellow) div."
          RenderBR {BR} at (518,0) size 0x19
          RenderText {#text} at (0,20) size 489x19
            text run at (0,20) width 489: "It works right with Opera 9.2, Firefox 2, Camino 1.0.4 and Internet Explorer 7."
        RenderBlock {H3} at (0,289) size 750x23
          RenderText {#text} at (0,0) size 100x22
            text run at (0,0) width 100: "Workaround:"
        RenderBlock {P} at (0,317) size 750x19
          RenderText {#text} at (0,0) size 554x19
            text run at (0,0) width 554: "If you set position absolute to the red div, it's height will expands along with the blue div."
layer at (40,40) size 406x156
  RenderBlock (relative positioned) {DIV} at (40,0) size 406x156 [border: (3px solid #0000FF)]
    RenderBlock {DIV} at (3,3) size 400x40 [bgcolor=#008000]
    RenderBlock {DIV} at (3,53) size 400x40 [bgcolor=#008000]
    RenderBlock {DIV} at (3,103) size 400x40 [bgcolor=#008000]
layer at (43,43) size 206x159
  RenderBlock (positioned) {DIV} at (3,3) size 206x156 [border: (3px solid #FFFF00)]
    RenderBlock {DIV} at (3,3) size 200x156 [border: (3px dashed #FF0000)]
