| layer at (0,0) size 785x1029 |
| RenderView at (0,0) size 785x600 |
| layer at (0,0) size 785x1029 |
| RenderBlock {HTML} at (0,0) size 785x1030 |
| RenderBody {BODY} at (8,21) size 769x1001 |
| RenderBlock {H4} at (0,0) size 769x18 |
| RenderText {#text} at (0,0) size 287x18 |
| text run at (0,0) width 287: "Safari Fixed / Overflow Hidden Scroll Bug" |
| RenderBlock {PRE} at (0,39) size 769x0 |
| RenderBlock {PRE} at (0,39) size 769x496 |
| RenderText {#text} at (0,0) size 264x495 |
| text run at (0,0) width 72: "#fixed1 {" |
| text run at (0,15) width 192: "\x{9}position: fixed;" |
| text run at (0,30) width 144: "\x{9}top: 80px;" |
| text run at (0,45) width 160: "\x{9}left: 300px;" |
| text run at (0,60) width 184: "\x{9}width: 150px; }" |
| text run at (0,75) width 72: "#fixed2 {" |
| text run at (0,90) width 192: "\x{9}position: fixed;" |
| text run at (0,105) width 144: "\x{9}top: 80px;" |
| text run at (0,120) width 160: "\x{9}left: 500px;" |
| text run at (0,135) width 184: "\x{9}width: 150px; }" |
| text run at (0,150) width 72: "#fixed3 {" |
| text run at (0,165) width 192: "\x{9}position: fixed;" |
| text run at (0,180) width 144: "\x{9}top: 80px;" |
| text run at (0,195) width 160: "\x{9}left: 700px;" |
| text run at (0,210) width 184: "\x{9}width: 150px; }" |
| text run at (0,225) width 136: ".overflowHidden {" |
| text run at (0,240) width 216: "\x{9}overflow: hidden; }" |
| text run at (0,255) width 88: ".relative {" |
| text run at (0,270) width 232: "\x{9}position: relative; }" |
| text run at (0,285) width 88: ".absolute {" |
| text run at (0,300) width 216: "\x{9}position: absolute;" |
| text run at (0,315) width 120: "\x{9}top: 0;" |
| text run at (0,330) width 152: "\x{9}right: 0; }" |
| text run at (0,345) width 40: "div {" |
| text run at (0,360) width 168: "\x{9}padding: 5px;" |
| text run at (0,375) width 160: "\x{9}margin: 5px;" |
| text run at (0,390) width 264: "\x{9}border: solid 1px #999; }" |
| text run at (0,405) width 96: "#veryLarge {" |
| text run at (0,420) width 216: "\x{9}position: relative;" |
| text run at (0,435) width 176: "\x{9}height:1000px;" |
| text run at (0,450) width 184: "\x{9}width:1500px; }" |
| text run at (0,465) width 64: "\x{9}" |
| text run at (0,480) width 0: " " |
| RenderBlock {P} at (0,550) size 769x19 |
| RenderText {#text} at (0,0) size 401x18 |
| text run at (0,0) width 401: "When you scroll this page the following objects will be clipped:" |
| RenderBlock {P} at (0,584) size 769x19 |
| RenderText {#text} at (0,0) size 739x18 |
| text run at (0,0) width 739: "- (relative objects and overflowHidden objects) inside (overflowHidden objects) inside (fixed objects) will be clipped;" |
| RenderBlock {P} at (0,618) size 769x37 |
| RenderText {#text} at (0,0) size 717x36 |
| text run at (0,0) width 717: "- (relative objects and overflowHidden objects and absolute objects) inside (fixed/overflowHidden objects) will be" |
| text run at (0,18) width 50: "clipped;" |
| RenderBlock {P} at (0,670) size 769x37 |
| RenderText {#text} at (0,0) size 723x36 |
| text run at (0,0) width 723: "Nice effect, but not what we want. Tested in Safari Version 2.0.4 (419.3), and WebKit Nightly Build Mon Nov 20" |
| text run at (0,18) width 128: "5:18:23 GMT 2006." |
| layer at (305,149) size 162x330 |
| RenderBlock (positioned) {DIV} at (305,85) size 162x330 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 150x18 |
| RenderText {#text} at (0,0) size 48x18 |
| text run at (0,0) width 48: "#fixed1" |
| RenderBlock {DIV} at (11,29) size 140x30 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 49x18 |
| text run at (6,6) width 49: "no style" |
| layer at (316,248) size 140x70 clip at (317,249) size 138x68 |
| RenderBlock {DIV} at (11,99) size 140x70 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 128x18 |
| RenderText {#text} at (0,0) size 108x18 |
| text run at (0,0) width 108: ".overflowHidden" |
| RenderBlock {DIV} at (11,29) size 118x30 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 49x18 |
| text run at (6,6) width 49: "no style" |
| layer at (316,323) size 140x70 clip at (317,324) size 138x68 |
| RenderBlock {DIV} at (11,174) size 140x70 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 128x18 |
| RenderText {#text} at (0,0) size 108x18 |
| text run at (0,0) width 108: ".overflowHidden" |
| layer at (316,398) size 140x70 clip at (317,399) size 138x68 |
| RenderBlock {DIV} at (11,249) size 140x70 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 128x18 |
| RenderText {#text} at (0,0) size 108x18 |
| text run at (0,0) width 108: ".overflowHidden" |
| layer at (327,427) size 118x30 clip at (328,428) size 116x28 scrollWidth 118 |
| RenderBlock {DIV} at (11,29) size 118x30 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 108x18 |
| text run at (6,6) width 108: ".overflowHidden" |
| layer at (316,213) size 140x30 |
| RenderBlock (relative positioned) {DIV} at (11,64) size 140x30 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 50x18 |
| text run at (6,6) width 50: ".relative" |
| layer at (393,155) size 68x30 |
| RenderBlock (positioned) {DIV} at (88,6) size 68x30 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 56x18 |
| text run at (6,6) width 56: ".absolute" |
| layer at (327,352) size 118x30 |
| RenderBlock (relative positioned) {DIV} at (11,29) size 118x30 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 50x18 |
| text run at (6,6) width 50: ".relative" |
| layer at (505,149) size 162x330 clip at (506,150) size 160x328 scrollWidth 161 |
| RenderBlock (positioned) {DIV} at (505,85) size 162x330 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 150x18 |
| RenderText {#text} at (0,0) size 156x18 |
| text run at (0,0) width 156: "#fixed2.overflowHidden" |
| RenderBlock {DIV} at (11,29) size 140x30 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 49x18 |
| text run at (6,6) width 49: "no style" |
| layer at (516,248) size 140x70 clip at (517,249) size 138x68 |
| RenderBlock {DIV} at (11,99) size 140x70 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 128x18 |
| RenderText {#text} at (0,0) size 108x18 |
| text run at (0,0) width 108: ".overflowHidden" |
| RenderBlock {DIV} at (11,29) size 118x30 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 49x18 |
| text run at (6,6) width 49: "no style" |
| layer at (516,323) size 140x70 clip at (517,324) size 138x68 |
| RenderBlock {DIV} at (11,174) size 140x70 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 128x18 |
| RenderText {#text} at (0,0) size 108x18 |
| text run at (0,0) width 108: ".overflowHidden" |
| layer at (516,398) size 140x70 clip at (517,399) size 138x68 |
| RenderBlock {DIV} at (11,249) size 140x70 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 128x18 |
| RenderText {#text} at (0,0) size 108x18 |
| text run at (0,0) width 108: ".overflowHidden" |
| layer at (527,427) size 118x30 clip at (528,428) size 116x28 scrollWidth 118 |
| RenderBlock {DIV} at (11,29) size 118x30 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 108x18 |
| text run at (6,6) width 108: ".overflowHidden" |
| layer at (516,213) size 140x30 |
| RenderBlock (relative positioned) {DIV} at (11,64) size 140x30 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 50x18 |
| text run at (6,6) width 50: ".relative" |
| layer at (593,155) size 68x30 |
| RenderBlock (positioned) {DIV} at (88,6) size 68x30 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 56x18 |
| text run at (6,6) width 56: ".absolute" |
| layer at (527,352) size 118x30 |
| RenderBlock (relative positioned) {DIV} at (11,29) size 118x30 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 50x18 |
| text run at (6,6) width 50: ".relative" |
| layer at (705,149) size 162x370 backgroundClip at (0,0) size 785x1029 clip at (0,0) size 785x1029 |
| RenderBlock (positioned) {DIV} at (705,85) size 162x370 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 150x18 |
| RenderText {#text} at (0,0) size 48x18 |
| text run at (0,0) width 48: "#fixed3" |
| layer at (716,178) size 140x330 backgroundClip at (716,178) size 69x330 clip at (717,179) size 68x328 |
| RenderBlock {DIV} at (11,29) size 140x330 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 128x18 |
| RenderText {#text} at (0,0) size 108x18 |
| text run at (0,0) width 108: ".overflowHidden" |
| RenderBlock {DIV} at (11,29) size 118x30 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 49x18 |
| text run at (6,6) width 49: "no style" |
| layer at (727,277) size 118x70 backgroundClip at (727,277) size 58x70 clip at (728,278) size 57x68 |
| RenderBlock {DIV} at (11,99) size 118x70 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 106x18 |
| RenderText {#text} at (0,0) size 108x18 |
| text run at (0,0) width 108: ".overflowHidden" |
| RenderBlock {DIV} at (11,29) size 96x30 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 49x18 |
| text run at (6,6) width 49: "no style" |
| layer at (727,352) size 118x70 backgroundClip at (727,352) size 58x70 clip at (728,353) size 57x68 |
| RenderBlock {DIV} at (11,174) size 118x70 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 106x18 |
| RenderText {#text} at (0,0) size 108x18 |
| text run at (0,0) width 108: ".overflowHidden" |
| layer at (727,427) size 118x70 backgroundClip at (727,427) size 58x70 clip at (728,428) size 57x68 |
| RenderBlock {DIV} at (11,249) size 118x70 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 106x18 |
| RenderText {#text} at (0,0) size 108x18 |
| text run at (0,0) width 108: ".overflowHidden" |
| layer at (738,456) size 96x30 backgroundClip at (738,456) size 47x30 clip at (739,457) size 46x28 scrollWidth 118 |
| RenderBlock {DIV} at (11,29) size 96x30 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 108x18 |
| text run at (6,6) width 108: ".overflowHidden" |
| layer at (727,242) size 118x30 backgroundClip at (717,179) size 68x328 clip at (717,179) size 68x328 |
| RenderBlock (relative positioned) {DIV} at (11,64) size 118x30 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 50x18 |
| text run at (6,6) width 50: ".relative" |
| layer at (738,381) size 96x30 backgroundClip at (728,353) size 57x68 clip at (728,353) size 57x68 |
| RenderBlock (relative positioned) {DIV} at (11,29) size 96x30 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 50x18 |
| text run at (6,6) width 50: ".relative" |
| scrolled to 0,64 |
