layer at (0,0) size 785x1029 RenderView at (0,0) size 785x600 layer at (0,0) size 785x1029 RenderBlock {HTML} at (0,0) size 785x1029.27 RenderBody {BODY} at (8,21.27) size 769x1000 RenderBlock {H4} at (0,0) size 769x16 RenderText {#text} at (0,0) size 291x16 text run at (0,0) width 291: "Safari Fixed / Overflow Hidden Scroll Bug" RenderBlock {PRE} at (0,37.27) size 769x0 RenderBlock {PRE} at (0,37.27) size 769x429 RenderText {#text} at (0,0) size 258x429 text run at (0,0) width 71: "#fixed1 {" text run at (70,0) width 1: " " text run at (0,13) width 188: "\x{9}position: fixed;" text run at (187,13) width 1: " " text run at (0,26) width 141: "\x{9}top: 80px;" text run at (140,26) width 1: " " text run at (0,39) width 157: "\x{9}left: 300px;" text run at (156,39) width 1: " " text run at (0,52) width 180: "\x{9}width: 150px; }" text run at (179,52) width 1: " " text run at (0,65) width 71: "#fixed2 {" text run at (70,65) width 1: " " text run at (0,78) width 188: "\x{9}position: fixed;" text run at (187,78) width 1: " " text run at (0,91) width 141: "\x{9}top: 80px;" text run at (140,91) width 1: " " text run at (0,104) width 157: "\x{9}left: 500px;" text run at (156,104) width 1: " " text run at (0,117) width 180: "\x{9}width: 150px; }" text run at (179,117) width 1: " " text run at (0,130) width 71: "#fixed3 {" text run at (70,130) width 1: " " text run at (0,143) width 188: "\x{9}position: fixed;" text run at (187,143) width 1: " " text run at (0,156) width 141: "\x{9}top: 80px;" text run at (140,156) width 1: " " text run at (0,169) width 157: "\x{9}left: 700px;" text run at (156,169) width 1: " " text run at (0,182) width 180: "\x{9}width: 150px; }" text run at (179,182) width 1: " " text run at (0,195) width 133: ".overflowHidden {" text run at (132,195) width 1: " " text run at (0,208) width 211: "\x{9}overflow: hidden; }" text run at (210,208) width 1: " " text run at (0,221) width 86: ".relative {" text run at (85,221) width 1: " " text run at (0,234) width 227: "\x{9}position: relative; }" text run at (226,234) width 1: " " text run at (0,247) width 86: ".absolute {" text run at (85,247) width 1: " " text run at (0,260) width 211: "\x{9}position: absolute;" text run at (210,260) width 1: " " text run at (0,273) width 118: "\x{9}top: 0;" text run at (117,273) width 1: " " text run at (0,286) width 149: "\x{9}right: 0; }" text run at (148,286) width 1: " " text run at (0,299) width 40: "div {" text run at (39,299) width 1: " " text run at (0,312) width 164: "\x{9}padding: 5px;" text run at (163,312) width 1: " " text run at (0,325) width 157: "\x{9}margin: 5px;" text run at (156,325) width 1: " " text run at (0,338) width 258: "\x{9}border: solid 1px #999; }" text run at (257,338) width 1: " " text run at (0,351) width 94: "#veryLarge {" text run at (93,351) width 1: " " text run at (0,364) width 211: "\x{9}position: relative;" text run at (210,364) width 1: " " text run at (0,377) width 172: "\x{9}height:1000px;" text run at (171,377) width 1: " " text run at (0,390) width 180: "\x{9}width:1500px; }" text run at (179,390) width 1: " " text run at (0,403) width 63: "\x{9}" text run at (62,403) width 1: " " text run at (0,416) width 0: " " RenderBlock {P} at (0,482.27) size 769x16 RenderText {#text} at (0,0) size 410x16 text run at (0,0) width 410: "When you scroll this page the following objects will be clipped:" RenderBlock {P} at (0,514.27) size 769x16 RenderText {#text} at (0,0) size 757x16 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,546.27) size 769x32 RenderText {#text} at (0,0) size 733x32 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,16) width 52: "clipped;" RenderBlock {P} at (0,594.27) size 769x32 RenderText {#text} at (0,0) size 731x32 text run at (0,0) width 731: "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,16) width 129: "5:18:23 GMT 2006." layer at (305,149) size 162x312 RenderBlock (positioned) {DIV} at (305,85) size 162x312 [border: (1px solid #999999)] RenderBlock (anonymous) at (6,6) size 150x16 RenderText {#text} at (0,0) size 49x16 text run at (0,0) width 49: "#fixed1" RenderBlock {DIV} at (11,27) size 140x28 [border: (1px solid #999999)] RenderText {#text} at (6,6) size 51x16 text run at (6,6) width 51: "no style" layer at (316,242) size 140x66 clip at (317,243) size 138x64 RenderBlock {DIV} at (11,93) size 140x66 [border: (1px solid #999999)] RenderBlock (anonymous) at (6,6) size 128x16 RenderText {#text} at (0,0) size 109x16 text run at (0,0) width 109: ".overflowHidden" RenderBlock {DIV} at (11,27) size 118x28 [border: (1px solid #999999)] RenderText {#text} at (6,6) size 51x16 text run at (6,6) width 51: "no style" layer at (316,313) size 140x66 clip at (317,314) size 138x64 RenderBlock {DIV} at (11,164) size 140x66 [border: (1px solid #999999)] RenderBlock (anonymous) at (6,6) size 128x16 RenderText {#text} at (0,0) size 109x16 text run at (0,0) width 109: ".overflowHidden" layer at (316,384) size 140x66 clip at (317,385) size 138x64 RenderBlock {DIV} at (11,235) size 140x66 [border: (1px solid #999999)] RenderBlock (anonymous) at (6,6) size 128x16 RenderText {#text} at (0,0) size 109x16 text run at (0,0) width 109: ".overflowHidden" layer at (327,411) size 118x28 clip at (328,412) size 116x26 scrollWidth 119 RenderBlock {DIV} at (11,27) size 118x28 [border: (1px solid #999999)] RenderText {#text} at (6,6) size 109x16 text run at (6,6) width 109: ".overflowHidden" layer at (316,209) size 140x28 RenderBlock (relative positioned) {DIV} at (11,60) size 140x28 [border: (1px solid #999999)] RenderText {#text} at (6,6) size 52x16 text run at (6,6) width 52: ".relative" layer at (392,155) size 69x28 RenderBlock (positioned) {DIV} at (86.67,6) size 69.33x28 [border: (1px solid #999999)] RenderText {#text} at (6,6) size 58x16 text run at (6,6) width 58: ".absolute" layer at (327,340) size 118x28 RenderBlock (relative positioned) {DIV} at (11,27) size 118x28 [border: (1px solid #999999)] RenderText {#text} at (6,6) size 52x16 text run at (6,6) width 52: ".relative" layer at (505,149) size 162x312 clip at (506,150) size 160x310 scrollWidth 163 RenderBlock (positioned) {DIV} at (505,85) size 162x312 [border: (1px solid #999999)] RenderBlock (anonymous) at (6,6) size 150x16 RenderText {#text} at (0,0) size 158x16 text run at (0,0) width 158: "#fixed2.overflowHidden" RenderBlock {DIV} at (11,27) size 140x28 [border: (1px solid #999999)] RenderText {#text} at (6,6) size 51x16 text run at (6,6) width 51: "no style" layer at (516,242) size 140x66 clip at (517,243) size 138x64 RenderBlock {DIV} at (11,93) size 140x66 [border: (1px solid #999999)] RenderBlock (anonymous) at (6,6) size 128x16 RenderText {#text} at (0,0) size 109x16 text run at (0,0) width 109: ".overflowHidden" RenderBlock {DIV} at (11,27) size 118x28 [border: (1px solid #999999)] RenderText {#text} at (6,6) size 51x16 text run at (6,6) width 51: "no style" layer at (516,313) size 140x66 clip at (517,314) size 138x64 RenderBlock {DIV} at (11,164) size 140x66 [border: (1px solid #999999)] RenderBlock (anonymous) at (6,6) size 128x16 RenderText {#text} at (0,0) size 109x16 text run at (0,0) width 109: ".overflowHidden" layer at (516,384) size 140x66 clip at (517,385) size 138x64 RenderBlock {DIV} at (11,235) size 140x66 [border: (1px solid #999999)] RenderBlock (anonymous) at (6,6) size 128x16 RenderText {#text} at (0,0) size 109x16 text run at (0,0) width 109: ".overflowHidden" layer at (527,411) size 118x28 clip at (528,412) size 116x26 scrollWidth 119 RenderBlock {DIV} at (11,27) size 118x28 [border: (1px solid #999999)] RenderText {#text} at (6,6) size 109x16 text run at (6,6) width 109: ".overflowHidden" layer at (516,209) size 140x28 RenderBlock (relative positioned) {DIV} at (11,60) size 140x28 [border: (1px solid #999999)] RenderText {#text} at (6,6) size 52x16 text run at (6,6) width 52: ".relative" layer at (592,155) size 69x28 RenderBlock (positioned) {DIV} at (86.67,6) size 69.33x28 [border: (1px solid #999999)] RenderText {#text} at (6,6) size 58x16 text run at (6,6) width 58: ".absolute" layer at (527,340) size 118x28 RenderBlock (relative positioned) {DIV} at (11,27) size 118x28 [border: (1px solid #999999)] RenderText {#text} at (6,6) size 52x16 text run at (6,6) width 52: ".relative" layer at (705,149) size 162x350 backgroundClip at (0,0) size 785x1029 clip at (0,0) size 785x1029 outlineClip at (0,0) size 785x1029 RenderBlock (positioned) {DIV} at (705,85) size 162x350 [border: (1px solid #999999)] RenderBlock (anonymous) at (6,6) size 150x16 RenderText {#text} at (0,0) size 49x16 text run at (0,0) width 49: "#fixed3" layer at (716,176) size 140x312 backgroundClip at (716,176) size 69x312 clip at (717,177) size 68x310 outlineClip at (0,0) size 785x1029 RenderBlock {DIV} at (11,27) size 140x312 [border: (1px solid #999999)] RenderBlock (anonymous) at (6,6) size 128x16 RenderText {#text} at (0,0) size 109x16 text run at (0,0) width 109: ".overflowHidden" RenderBlock {DIV} at (11,27) size 118x28 [border: (1px solid #999999)] RenderText {#text} at (6,6) size 51x16 text run at (6,6) width 51: "no style" layer at (727,269) size 118x66 backgroundClip at (727,269) size 58x66 clip at (728,270) size 57x64 outlineClip at (717,177) size 68x310 RenderBlock {DIV} at (11,93) size 118x66 [border: (1px solid #999999)] RenderBlock (anonymous) at (6,6) size 106x16 RenderText {#text} at (0,0) size 109x16 text run at (0,0) width 109: ".overflowHidden" RenderBlock {DIV} at (11,27) size 96x28 [border: (1px solid #999999)] RenderText {#text} at (6,6) size 51x16 text run at (6,6) width 51: "no style" layer at (727,340) size 118x66 backgroundClip at (727,340) size 58x66 clip at (728,341) size 57x64 outlineClip at (717,177) size 68x310 RenderBlock {DIV} at (11,164) size 118x66 [border: (1px solid #999999)] RenderBlock (anonymous) at (6,6) size 106x16 RenderText {#text} at (0,0) size 109x16 text run at (0,0) width 109: ".overflowHidden" layer at (727,411) size 118x66 backgroundClip at (727,411) size 58x66 clip at (728,412) size 57x64 outlineClip at (717,177) size 68x310 RenderBlock {DIV} at (11,235) size 118x66 [border: (1px solid #999999)] RenderBlock (anonymous) at (6,6) size 106x16 RenderText {#text} at (0,0) size 109x16 text run at (0,0) width 109: ".overflowHidden" layer at (738,438) size 96x28 backgroundClip at (738,438) size 47x28 clip at (739,439) size 46x26 outlineClip at (728,412) size 57x64 scrollWidth 119 RenderBlock {DIV} at (11,27) size 96x28 [border: (1px solid #999999)] RenderText {#text} at (6,6) size 109x16 text run at (6,6) width 109: ".overflowHidden" layer at (727,236) size 118x28 backgroundClip at (717,177) size 68x310 clip at (717,177) size 68x310 outlineClip at (717,177) size 68x310 RenderBlock (relative positioned) {DIV} at (11,60) size 118x28 [border: (1px solid #999999)] RenderText {#text} at (6,6) size 52x16 text run at (6,6) width 52: ".relative" layer at (738,367) size 96x28 backgroundClip at (728,341) size 57x64 clip at (728,341) size 57x64 outlineClip at (728,341) size 57x64 RenderBlock (relative positioned) {DIV} at (11,27) size 96x28 [border: (1px solid #999999)] RenderText {#text} at (6,6) size 52x16 text run at (6,6) width 52: ".relative" scrolled to 0,64