| 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 769x20 |
| RenderText {#text} at (0,0) size 279x19 |
| text run at (0,0) width 279: "Safari Fixed / Overflow Hidden Scroll Bug" |
| RenderBlock {PRE} at (0,41) size 769x0 |
| RenderBlock {PRE} at (0,41) size 769x529 |
| RenderText {#text} at (0,0) size 264x528 |
| text run at (0,0) width 72: "#fixed1 {" |
| text run at (0,16) width 192: "\x{9}position: fixed;" |
| text run at (0,32) width 144: "\x{9}top: 80px;" |
| text run at (0,48) width 160: "\x{9}left: 300px;" |
| text run at (0,64) width 184: "\x{9}width: 150px; }" |
| text run at (0,80) width 72: "#fixed2 {" |
| text run at (0,96) width 192: "\x{9}position: fixed;" |
| text run at (0,112) width 144: "\x{9}top: 80px;" |
| text run at (0,128) width 160: "\x{9}left: 500px;" |
| text run at (0,144) width 184: "\x{9}width: 150px; }" |
| text run at (0,160) width 72: "#fixed3 {" |
| text run at (0,176) width 192: "\x{9}position: fixed;" |
| text run at (0,192) width 144: "\x{9}top: 80px;" |
| text run at (0,208) width 160: "\x{9}left: 700px;" |
| text run at (0,224) width 184: "\x{9}width: 150px; }" |
| text run at (0,240) width 136: ".overflowHidden {" |
| text run at (0,256) width 216: "\x{9}overflow: hidden; }" |
| text run at (0,272) width 88: ".relative {" |
| text run at (0,288) width 232: "\x{9}position: relative; }" |
| text run at (0,304) width 88: ".absolute {" |
| text run at (0,320) width 216: "\x{9}position: absolute;" |
| text run at (0,336) width 120: "\x{9}top: 0;" |
| text run at (0,352) width 152: "\x{9}right: 0; }" |
| text run at (0,368) width 40: "div {" |
| text run at (0,384) width 168: "\x{9}padding: 5px;" |
| text run at (0,400) width 160: "\x{9}margin: 5px;" |
| text run at (0,416) width 264: "\x{9}border: solid 1px #999; }" |
| text run at (0,432) width 96: "#veryLarge {" |
| text run at (0,448) width 216: "\x{9}position: relative;" |
| text run at (0,464) width 176: "\x{9}height:1000px;" |
| text run at (0,480) width 184: "\x{9}width:1500px; }" |
| text run at (0,496) width 64: "\x{9}" |
| text run at (0,512) width 0: " " |
| RenderBlock {P} at (0,585) size 769x21 |
| RenderText {#text} at (0,0) size 377x19 |
| text run at (0,0) width 377: "When you scroll this page the following objects will be clipped:" |
| RenderBlock {P} at (0,621) size 769x21 |
| RenderText {#text} at (0,0) size 707x19 |
| text run at (0,0) width 707: "- (relative objects and overflowHidden objects) inside (overflowHidden objects) inside (fixed objects) will be clipped;" |
| RenderBlock {P} at (0,657) size 769x21 |
| RenderText {#text} at (0,0) size 739x19 |
| text run at (0,0) width 739: "- (relative objects and overflowHidden objects and absolute objects) inside (fixed/overflowHidden objects) will be clipped;" |
| RenderBlock {P} at (0,693) size 769x41 |
| RenderText {#text} at (0,0) size 742x39 |
| text run at (0,0) width 742: "Nice effect, but not what we want. Tested in Safari Version 2.0.4 (419.3), and WebKit Nightly Build Mon Nov 20 5:18:23" |
| text run at (0,20) width 74: "GMT 2006." |
| layer at (305,149) size 162x348 |
| RenderBlock (positioned) {DIV} at (305,85) size 162x348 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 150x20 |
| RenderText {#text} at (0,0) size 45x19 |
| text run at (0,0) width 45: "#fixed1" |
| RenderBlock {DIV} at (11,31) size 140x32 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 46x19 |
| text run at (6,6) width 46: "no style" |
| layer at (316,254) size 140x74 clip at (317,255) size 138x72 |
| RenderBlock {DIV} at (11,105) size 140x74 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 128x20 |
| RenderText {#text} at (0,0) size 101x19 |
| text run at (0,0) width 101: ".overflowHidden" |
| RenderBlock {DIV} at (11,31) size 118x32 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 46x19 |
| text run at (6,6) width 46: "no style" |
| layer at (316,333) size 140x74 clip at (317,334) size 138x72 |
| RenderBlock {DIV} at (11,184) size 140x74 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 128x20 |
| RenderText {#text} at (0,0) size 101x19 |
| text run at (0,0) width 101: ".overflowHidden" |
| layer at (316,412) size 140x74 clip at (317,413) size 138x72 |
| RenderBlock {DIV} at (11,263) size 140x74 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 128x20 |
| RenderText {#text} at (0,0) size 101x19 |
| text run at (0,0) width 101: ".overflowHidden" |
| layer at (327,443) size 118x32 clip at (328,444) size 116x30 |
| RenderBlock {DIV} at (11,31) size 118x32 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 101x19 |
| text run at (6,6) width 101: ".overflowHidden" |
| layer at (316,217) size 140x32 |
| RenderBlock (relative positioned) {DIV} at (11,68) size 140x32 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 47x19 |
| text run at (6,6) width 47: ".relative" |
| layer at (395,155) size 66x32 |
| RenderBlock (positioned) {DIV} at (90,6) size 66x32 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 54x19 |
| text run at (6,6) width 54: ".absolute" |
| layer at (327,364) size 118x32 |
| RenderBlock (relative positioned) {DIV} at (11,31) size 118x32 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 47x19 |
| text run at (6,6) width 47: ".relative" |
| layer at (505,149) size 162x348 clip at (506,150) size 160x346 |
| RenderBlock (positioned) {DIV} at (505,85) size 162x348 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 150x20 |
| RenderText {#text} at (0,0) size 146x19 |
| text run at (0,0) width 146: "#fixed2.overflowHidden" |
| RenderBlock {DIV} at (11,31) size 140x32 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 46x19 |
| text run at (6,6) width 46: "no style" |
| layer at (516,254) size 140x74 clip at (517,255) size 138x72 |
| RenderBlock {DIV} at (11,105) size 140x74 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 128x20 |
| RenderText {#text} at (0,0) size 101x19 |
| text run at (0,0) width 101: ".overflowHidden" |
| RenderBlock {DIV} at (11,31) size 118x32 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 46x19 |
| text run at (6,6) width 46: "no style" |
| layer at (516,333) size 140x74 clip at (517,334) size 138x72 |
| RenderBlock {DIV} at (11,184) size 140x74 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 128x20 |
| RenderText {#text} at (0,0) size 101x19 |
| text run at (0,0) width 101: ".overflowHidden" |
| layer at (516,412) size 140x74 clip at (517,413) size 138x72 |
| RenderBlock {DIV} at (11,263) size 140x74 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 128x20 |
| RenderText {#text} at (0,0) size 101x19 |
| text run at (0,0) width 101: ".overflowHidden" |
| layer at (527,443) size 118x32 clip at (528,444) size 116x30 |
| RenderBlock {DIV} at (11,31) size 118x32 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 101x19 |
| text run at (6,6) width 101: ".overflowHidden" |
| layer at (516,217) size 140x32 |
| RenderBlock (relative positioned) {DIV} at (11,68) size 140x32 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 47x19 |
| text run at (6,6) width 47: ".relative" |
| layer at (595,155) size 66x32 |
| RenderBlock (positioned) {DIV} at (90,6) size 66x32 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 54x19 |
| text run at (6,6) width 54: ".absolute" |
| layer at (527,364) size 118x32 |
| RenderBlock (relative positioned) {DIV} at (11,31) size 118x32 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 47x19 |
| text run at (6,6) width 47: ".relative" |
| layer at (705,149) size 162x390 backgroundClip at (0,0) size 785x1029 clip at (0,0) size 785x1029 |
| RenderBlock (positioned) {DIV} at (705,85) size 162x390 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 150x20 |
| RenderText {#text} at (0,0) size 45x19 |
| text run at (0,0) width 45: "#fixed3" |
| layer at (716,180) size 140x348 backgroundClip at (716,180) size 69x348 clip at (717,181) size 68x346 |
| RenderBlock {DIV} at (11,31) size 140x348 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 128x20 |
| RenderText {#text} at (0,0) size 101x19 |
| text run at (0,0) width 101: ".overflowHidden" |
| RenderBlock {DIV} at (11,31) size 118x32 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 46x19 |
| text run at (6,6) width 46: "no style" |
| layer at (727,285) size 118x74 backgroundClip at (727,285) size 58x74 clip at (728,286) size 57x72 |
| RenderBlock {DIV} at (11,105) size 118x74 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 106x20 |
| RenderText {#text} at (0,0) size 101x19 |
| text run at (0,0) width 101: ".overflowHidden" |
| RenderBlock {DIV} at (11,31) size 96x32 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 46x19 |
| text run at (6,6) width 46: "no style" |
| layer at (727,364) size 118x74 backgroundClip at (727,364) size 58x74 clip at (728,365) size 57x72 |
| RenderBlock {DIV} at (11,184) size 118x74 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 106x20 |
| RenderText {#text} at (0,0) size 101x19 |
| text run at (0,0) width 101: ".overflowHidden" |
| layer at (727,443) size 118x74 backgroundClip at (727,443) size 58x74 clip at (728,444) size 57x72 |
| RenderBlock {DIV} at (11,263) size 118x74 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 106x20 |
| RenderText {#text} at (0,0) size 101x19 |
| text run at (0,0) width 101: ".overflowHidden" |
| layer at (738,474) size 96x32 backgroundClip at (738,474) size 47x32 clip at (739,475) size 46x30 scrollWidth 111 |
| RenderBlock {DIV} at (11,31) size 96x32 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 101x19 |
| text run at (6,6) width 101: ".overflowHidden" |
| layer at (727,248) size 118x32 backgroundClip at (717,181) size 68x346 clip at (717,181) size 68x346 |
| RenderBlock (relative positioned) {DIV} at (11,68) size 118x32 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 47x19 |
| text run at (6,6) width 47: ".relative" |
| layer at (738,395) size 96x32 backgroundClip at (728,365) size 57x72 clip at (728,365) size 57x72 |
| RenderBlock (relative positioned) {DIV} at (11,31) size 96x32 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 47x19 |
| text run at (6,6) width 47: ".relative" |
| scrolled to 0,64 |