| layer at (0,0) size 800x1029 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 800x1029 |
| RenderBlock {HTML} at (0,0) size 800x1030 |
| RenderBody {BODY} at (8,21) size 784x1001 |
| RenderBlock {H4} at (0,0) size 784x20 |
| RenderText {#text} at (0,0) size 291x19 |
| text run at (0,0) width 291: "Safari Fixed / Overflow Hidden Scroll Bug" |
| RenderBlock {PRE} at (0,41) size 784x0 |
| RenderBlock {PRE} at (0,41) size 784x463 |
| RenderText {#text} at (0,0) size 258x462 |
| text run at (0,0) width 71: "#fixed1 {" |
| text run at (70,0) width 1: " " |
| text run at (0,14) width 188: "\x{9}position: fixed;" |
| text run at (187,14) width 1: " " |
| text run at (0,28) width 141: "\x{9}top: 80px;" |
| text run at (140,28) width 1: " " |
| text run at (0,42) width 157: "\x{9}left: 300px;" |
| text run at (156,42) width 1: " " |
| text run at (0,56) width 180: "\x{9}width: 150px; }" |
| text run at (179,56) width 1: " " |
| text run at (0,70) width 71: "#fixed2 {" |
| text run at (70,70) width 1: " " |
| text run at (0,84) width 188: "\x{9}position: fixed;" |
| text run at (187,84) width 1: " " |
| text run at (0,98) width 141: "\x{9}top: 80px;" |
| text run at (140,98) width 1: " " |
| text run at (0,112) width 157: "\x{9}left: 500px;" |
| text run at (156,112) width 1: " " |
| text run at (0,126) width 180: "\x{9}width: 150px; }" |
| text run at (179,126) width 1: " " |
| text run at (0,140) width 71: "#fixed3 {" |
| text run at (70,140) width 1: " " |
| text run at (0,154) width 188: "\x{9}position: fixed;" |
| text run at (187,154) width 1: " " |
| text run at (0,168) width 141: "\x{9}top: 80px;" |
| text run at (140,168) width 1: " " |
| text run at (0,182) width 157: "\x{9}left: 700px;" |
| text run at (156,182) width 1: " " |
| text run at (0,196) width 180: "\x{9}width: 150px; }" |
| text run at (179,196) width 1: " " |
| text run at (0,210) width 133: ".overflowHidden {" |
| text run at (132,210) width 1: " " |
| text run at (0,224) width 211: "\x{9}overflow: hidden; }" |
| text run at (210,224) width 1: " " |
| text run at (0,238) width 86: ".relative {" |
| text run at (85,238) width 1: " " |
| text run at (0,252) width 227: "\x{9}position: relative; }" |
| text run at (226,252) width 1: " " |
| text run at (0,266) width 86: ".absolute {" |
| text run at (85,266) width 1: " " |
| text run at (0,280) width 211: "\x{9}position: absolute;" |
| text run at (210,280) width 1: " " |
| text run at (0,294) width 118: "\x{9}top: 0;" |
| text run at (117,294) width 1: " " |
| text run at (0,308) width 149: "\x{9}right: 0; }" |
| text run at (148,308) width 1: " " |
| text run at (0,322) width 40: "div {" |
| text run at (39,322) width 1: " " |
| text run at (0,336) width 164: "\x{9}padding: 5px;" |
| text run at (163,336) width 1: " " |
| text run at (0,350) width 157: "\x{9}margin: 5px;" |
| text run at (156,350) width 1: " " |
| text run at (0,364) width 258: "\x{9}border: solid 1px #999; }" |
| text run at (257,364) width 1: " " |
| text run at (0,378) width 94: "#veryLarge {" |
| text run at (93,378) width 1: " " |
| text run at (0,392) width 211: "\x{9}position: relative;" |
| text run at (210,392) width 1: " " |
| text run at (0,406) width 172: "\x{9}height:1000px;" |
| text run at (171,406) width 1: " " |
| text run at (0,420) width 180: "\x{9}width:1500px; }" |
| text run at (179,420) width 1: " " |
| text run at (0,434) width 63: "\x{9}" |
| text run at (62,434) width 1: " " |
| text run at (0,448) width 0: " " |
| RenderBlock {P} at (0,519) size 784x21 |
| RenderText {#text} at (0,0) size 410x19 |
| text run at (0,0) width 410: "When you scroll this page the following objects will be clipped:" |
| RenderBlock {P} at (0,555) size 784x21 |
| RenderText {#text} at (0,0) size 757x19 |
| text run at (0,0) width 757: "- (relative objects and overflowHidden objects) inside (overflowHidden objects) inside (fixed objects) will be clipped;" |
| RenderBlock {P} at (0,591) size 784x41 |
| RenderText {#text} at (0,0) size 733x39 |
| text run at (0,0) width 733: "- (relative objects and overflowHidden objects and absolute objects) inside (fixed/overflowHidden objects) will be" |
| text run at (0,20) width 52: "clipped;" |
| RenderBlock {P} at (0,647) size 784x41 |
| RenderText {#text} at (0,0) size 780x39 |
| text run at (0,0) width 780: "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 76: "GMT 2006." |
| layer at (305,85) 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 49x19 |
| text run at (0,0) width 49: "#fixed1" |
| RenderBlock {DIV} at (11,31) size 140x32 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 51x19 |
| text run at (6,6) width 51: "no style" |
| layer at (316,190) size 140x74 clip at (317,191) 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 109x19 |
| text run at (0,0) width 109: ".overflowHidden" |
| RenderBlock {DIV} at (11,31) size 118x32 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 51x19 |
| text run at (6,6) width 51: "no style" |
| layer at (316,269) size 140x74 clip at (317,270) 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 109x19 |
| text run at (0,0) width 109: ".overflowHidden" |
| layer at (316,348) size 140x74 clip at (317,349) 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 109x19 |
| text run at (0,0) width 109: ".overflowHidden" |
| layer at (327,379) size 118x32 clip at (328,380) size 116x30 scrollWidth 119 |
| RenderBlock {DIV} at (11,31) size 118x32 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 109x19 |
| text run at (6,6) width 109: ".overflowHidden" |
| layer at (316,153) size 140x32 |
| RenderBlock (relative positioned) {DIV} at (11,68) size 140x32 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 52x19 |
| text run at (6,6) width 52: ".relative" |
| layer at (392,91) size 69x32 |
| RenderBlock (positioned) {DIV} at (86,6) size 70x32 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 58x19 |
| text run at (6,6) width 58: ".absolute" |
| layer at (327,300) size 118x32 |
| RenderBlock (relative positioned) {DIV} at (11,31) size 118x32 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 52x19 |
| text run at (6,6) width 52: ".relative" |
| layer at (505,85) size 162x348 clip at (506,86) size 160x346 scrollWidth 163 |
| 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 158x19 |
| text run at (0,0) width 158: "#fixed2.overflowHidden" |
| RenderBlock {DIV} at (11,31) size 140x32 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 51x19 |
| text run at (6,6) width 51: "no style" |
| layer at (516,190) size 140x74 clip at (517,191) 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 109x19 |
| text run at (0,0) width 109: ".overflowHidden" |
| RenderBlock {DIV} at (11,31) size 118x32 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 51x19 |
| text run at (6,6) width 51: "no style" |
| layer at (516,269) size 140x74 clip at (517,270) 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 109x19 |
| text run at (0,0) width 109: ".overflowHidden" |
| layer at (516,348) size 140x74 clip at (517,349) 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 109x19 |
| text run at (0,0) width 109: ".overflowHidden" |
| layer at (527,379) size 118x32 clip at (528,380) size 116x30 scrollWidth 119 |
| RenderBlock {DIV} at (11,31) size 118x32 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 109x19 |
| text run at (6,6) width 109: ".overflowHidden" |
| layer at (516,153) size 140x32 |
| RenderBlock (relative positioned) {DIV} at (11,68) size 140x32 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 52x19 |
| text run at (6,6) width 52: ".relative" |
| layer at (592,91) size 69x32 |
| RenderBlock (positioned) {DIV} at (86,6) size 70x32 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 58x19 |
| text run at (6,6) width 58: ".absolute" |
| layer at (527,300) size 118x32 |
| RenderBlock (relative positioned) {DIV} at (11,31) size 118x32 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 52x19 |
| text run at (6,6) width 52: ".relative" |
| layer at (705,85) size 162x390 backgroundClip at (0,0) size 800x1029 clip at (0,0) size 800x1029 outlineClip at (0,0) size 800x1029 |
| 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 49x19 |
| text run at (0,0) width 49: "#fixed3" |
| layer at (716,116) size 140x348 backgroundClip at (716,116) size 84x348 clip at (717,117) size 83x346 outlineClip at (0,0) size 800x1029 |
| RenderBlock {DIV} at (11,31) size 140x348 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 128x20 |
| RenderText {#text} at (0,0) size 109x19 |
| text run at (0,0) width 109: ".overflowHidden" |
| RenderBlock {DIV} at (11,31) size 118x32 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 51x19 |
| text run at (6,6) width 51: "no style" |
| layer at (727,221) size 118x74 backgroundClip at (727,221) size 73x74 clip at (728,222) size 72x72 outlineClip at (717,117) size 83x346 |
| RenderBlock {DIV} at (11,105) size 118x74 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 106x20 |
| RenderText {#text} at (0,0) size 109x19 |
| text run at (0,0) width 109: ".overflowHidden" |
| RenderBlock {DIV} at (11,31) size 96x32 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 51x19 |
| text run at (6,6) width 51: "no style" |
| layer at (727,300) size 118x74 backgroundClip at (727,300) size 73x74 clip at (728,301) size 72x72 outlineClip at (717,117) size 83x346 |
| RenderBlock {DIV} at (11,184) size 118x74 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 106x20 |
| RenderText {#text} at (0,0) size 109x19 |
| text run at (0,0) width 109: ".overflowHidden" |
| layer at (727,379) size 118x74 backgroundClip at (727,379) size 73x74 clip at (728,380) size 72x72 outlineClip at (717,117) size 83x346 |
| RenderBlock {DIV} at (11,263) size 118x74 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 106x20 |
| RenderText {#text} at (0,0) size 109x19 |
| text run at (0,0) width 109: ".overflowHidden" |
| layer at (738,410) size 96x32 backgroundClip at (738,410) size 62x32 clip at (739,411) size 61x30 outlineClip at (728,380) size 72x72 scrollWidth 119 |
| RenderBlock {DIV} at (11,31) size 96x32 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 109x19 |
| text run at (6,6) width 109: ".overflowHidden" |
| layer at (727,184) size 118x32 backgroundClip at (717,117) size 83x346 clip at (717,117) size 83x346 outlineClip at (717,117) size 83x346 |
| RenderBlock (relative positioned) {DIV} at (11,68) size 118x32 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 52x19 |
| text run at (6,6) width 52: ".relative" |
| layer at (792,91) size 69x32 backgroundClip at (0,0) size 800x1029 clip at (0,0) size 800x1029 outlineClip at (0,0) size 800x1029 |
| RenderBlock (positioned) {DIV} at (86,6) size 70x32 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 58x19 |
| text run at (6,6) width 58: ".absolute" |
| layer at (738,331) size 96x32 backgroundClip at (728,301) size 72x72 clip at (728,301) size 72x72 outlineClip at (728,301) size 72x72 |
| RenderBlock (relative positioned) {DIV} at (11,31) size 96x32 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 52x19 |
| text run at (6,6) width 52: ".relative" |
| scrolled to 0,64 |
