layer at (0,0) size 800x600
  LayoutView at (0,0) size 800x600
layer at (0,0) size 800x600
  LayoutBlockFlow {HTML} at (0,0) size 800x600
    LayoutBlockFlow {BODY} at (8,8) size 784x584
      LayoutBlockFlow {P} at (0,0) size 784x20
        LayoutText {#text} at (0,0) size 411x19
          text run at (0,0) width 411: "The layering of the boxes should not be affected by overflow:hidden."
      LayoutBlockFlow (anonymous) at (0,36) size 784x477
        LayoutText {#text} at (320,305) size 4x19
          text run at (320,305) width 4: " "
        LayoutText {#text} at (0,0) size 0x0
layer at (68,261) size 200x200 layerType: background only
layer at (28,221) size 150x150
  LayoutBlockFlow (positioned) zI: -1 {DIV} at (-40,-40) size 150x150 [color=#808080] [bgcolor=#C86464] [border: (2px solid #000000)]
    LayoutText zI: -1 {#text} at (22,22) size 106x40
      text run at (22,22) width 106: "Behind"
    LayoutText zI: -1 {#text} at (0,0) size 0x0
layer at (50,303) size 100x100
  LayoutBlockFlow (positioned) {DIV} at (22,82) size 100x100 [bgcolor=#008000] [border: (2px solid #000000)]
    LayoutText {#text} at (22,22) size 55x41
      text run at (22,22) width 55: "Behind"
      text run at (22,43) width 53: "behind"
layer at (68,261) size 200x200 layerType: foreground only
  LayoutBlockFlow (relative positioned) {DIV} at (60,217) size 200x200 [color=#0000FF] [bgcolor=#FFFFFFCC] [border: (10px solid #000000)]
    LayoutText {#text} at (30,30) size 126x81
      text run at (30,30) width 60: "Box"
      text run at (30,71) width 126: "contents"
    LayoutText {#text} at (0,0) size 0x0
    LayoutText {#text} at (0,0) size 0x0
layer at (158,351) size 150x150
  LayoutBlockFlow (positioned) zI: 1 {DIV} at (90,90) size 150x150 [color=#808080] [bgcolor=#C8C880] [border: (2px solid #000000)]
    LayoutText zI: 1 {#text} at (22,22) size 87x81
      text run at (22,22) width 33: "In"
      text run at (22,63) width 87: "Front"
layer at (392,104) size 200x200 clip at (402,114) size 180x180 scrollWidth 230 scrollHeight 230 layerType: background only
layer at (352,64) size 150x150 backgroundClip at (402,114) size 180x180 clip at (402,114) size 180x180
  LayoutBlockFlow (positioned) zI: -1 {DIV} at (-40,-40) size 150x150 [color=#808080] [bgcolor=#C86464] [border: (2px solid #000000)]
    LayoutText zI: -1 {#text} at (22,22) size 106x40
      text run at (22,22) width 106: "Behind"
    LayoutText zI: -1 {#text} at (0,0) size 0x0
layer at (374,146) size 100x100 backgroundClip at (402,114) size 180x180 clip at (402,114) size 180x180
  LayoutBlockFlow (positioned) {DIV} at (22,82) size 100x100 [bgcolor=#008000] [border: (2px solid #000000)]
    LayoutText {#text} at (22,22) size 55x41
      text run at (22,22) width 55: "Behind"
      text run at (22,43) width 53: "behind"
layer at (392,104) size 200x200 clip at (402,114) size 180x180 scrollWidth 230 scrollHeight 230 layerType: foreground only
  LayoutBlockFlow (relative positioned) {DIV} at (384,60) size 200x200 [color=#0000FF] [bgcolor=#FFFFFFCC] [border: (10px solid #000000)]
    LayoutText {#text} at (30,30) size 126x81
      text run at (30,30) width 60: "Box"
      text run at (30,71) width 126: "contents"
    LayoutText {#text} at (0,0) size 0x0
    LayoutText {#text} at (0,0) size 0x0
layer at (482,194) size 150x150 backgroundClip at (402,114) size 180x180 clip at (402,114) size 180x180
  LayoutBlockFlow (positioned) zI: 1 {DIV} at (90,90) size 150x150 [color=#808080] [bgcolor=#C8C880] [border: (2px solid #000000)]
    LayoutText zI: 1 {#text} at (22,22) size 87x81
      text run at (22,22) width 33: "In"
      text run at (22,63) width 87: "Front"