layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollY 64.00 scrollHeight 1029 LayoutView at (0,0) size 800x600 layer at (0,0) size 785x1029 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 LayoutBlockFlow {HTML} at (0,0) size 785x1029.27 LayoutBlockFlow {BODY} at (8,21.27) size 769x1000 LayoutBlockFlow {H4} at (0,0) size 769x18 LayoutText {#text} at (0,0) size 291x17 text run at (0,0) width 291: "Safari Fixed / Overflow Hidden Scroll Bug" LayoutBlockFlow {PRE} at (0,39.27) size 769x0 LayoutBlockFlow {PRE} at (0,39.27) size 769x528 LayoutText {#text} at (0,0) size 264x528 text run at (0,0) width 72: "#fixed1 {" text run at (72,0) width 0: " " text run at (0,16) width 192: "\x{9}position: fixed;" text run at (192,16) width 0: " " text run at (0,32) width 144: "\x{9}top: 80px;" text run at (144,32) width 0: " " text run at (0,48) width 160: "\x{9}left: 300px;" text run at (160,48) width 0: " " text run at (0,64) width 184: "\x{9}width: 150px; }" text run at (184,64) width 0: " " text run at (0,80) width 72: "#fixed2 {" text run at (72,80) width 0: " " text run at (0,96) width 192: "\x{9}position: fixed;" text run at (192,96) width 0: " " text run at (0,112) width 144: "\x{9}top: 80px;" text run at (144,112) width 0: " " text run at (0,128) width 160: "\x{9}left: 500px;" text run at (160,128) width 0: " " text run at (0,144) width 184: "\x{9}width: 150px; }" text run at (184,144) width 0: " " text run at (0,160) width 72: "#fixed3 {" text run at (72,160) width 0: " " text run at (0,176) width 192: "\x{9}position: fixed;" text run at (192,176) width 0: " " text run at (0,192) width 144: "\x{9}top: 80px;" text run at (144,192) width 0: " " text run at (0,208) width 160: "\x{9}left: 700px;" text run at (160,208) width 0: " " text run at (0,224) width 184: "\x{9}width: 150px; }" text run at (184,224) width 0: " " text run at (0,240) width 136: ".overflowHidden {" text run at (136,240) width 0: " " text run at (0,256) width 216: "\x{9}overflow: hidden; }" text run at (216,256) width 0: " " text run at (0,272) width 88: ".relative {" text run at (88,272) width 0: " " text run at (0,288) width 232: "\x{9}position: relative; }" text run at (232,288) width 0: " " text run at (0,304) width 88: ".absolute {" text run at (88,304) width 0: " " text run at (0,320) width 216: "\x{9}position: absolute;" text run at (216,320) width 0: " " text run at (0,336) width 120: "\x{9}top: 0;" text run at (120,336) width 0: " " text run at (0,352) width 152: "\x{9}right: 0; }" text run at (152,352) width 0: " " text run at (0,368) width 40: "div {" text run at (40,368) width 0: " " text run at (0,384) width 168: "\x{9}padding: 5px;" text run at (168,384) width 0: " " text run at (0,400) width 160: "\x{9}margin: 5px;" text run at (160,400) width 0: " " text run at (0,416) width 264: "\x{9}border: solid 1px #999; }" text run at (264,416) width 0: " " text run at (0,432) width 96: "#veryLarge {" text run at (96,432) width 0: " " text run at (0,448) width 216: "\x{9}position: relative;" text run at (216,448) width 0: " " text run at (0,464) width 176: "\x{9}height:1000px;" text run at (176,464) width 0: " " text run at (0,480) width 184: "\x{9}width:1500px; }" text run at (184,480) width 0: " " text run at (0,496) width 64: "\x{9}" text run at (64,496) width 0: " " text run at (0,512) width 0: " " LayoutBlockFlow {P} at (0,583.27) size 769x18 LayoutText {#text} at (0,0) size 410x17 text run at (0,0) width 410: "When you scroll this page the following objects will be clipped:" LayoutBlockFlow {P} at (0,617.27) size 769x18 LayoutText {#text} at (0,0) size 757x17 text run at (0,0) width 757: "- (relative objects and overflowHidden objects) inside (overflowHidden objects) inside (fixed objects) will be clipped;" LayoutBlockFlow {P} at (0,651.27) size 769x36 LayoutText {#text} at (0,0) size 733x35 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,18) width 52: "clipped;" LayoutBlockFlow {P} at (0,703.27) size 769x36 LayoutText {#text} at (0,0) size 727x35 text run at (0,0) width 727: "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 129: "5:18:23 GMT 2006." layer at (305,149) size 162x330 LayoutBlockFlow (positioned) {DIV} at (305,85) size 162x330 [border: (1px solid #999999)] LayoutBlockFlow (anonymous) at (6,6) size 150x18 LayoutText {#text} at (0,0) size 49x17 text run at (0,0) width 49: "#fixed1" LayoutBlockFlow {DIV} at (11,29) size 140x30 [border: (1px solid #999999)] LayoutText {#text} at (6,6) size 51x17 text run at (6,6) width 51: "no style" layer at (316,248) size 140x70 clip at (317,249) size 138x68 LayoutBlockFlow {DIV} at (11,99) size 140x70 [border: (1px solid #999999)] LayoutBlockFlow (anonymous) at (6,6) size 128x18 LayoutText {#text} at (0,0) size 109x17 text run at (0,0) width 109: ".overflowHidden" LayoutBlockFlow {DIV} at (11,29) size 118x30 [border: (1px solid #999999)] LayoutText {#text} at (6,6) size 51x17 text run at (6,6) width 51: "no style" layer at (316,323) size 140x70 clip at (317,324) size 138x68 LayoutBlockFlow {DIV} at (11,174) size 140x70 [border: (1px solid #999999)] LayoutBlockFlow (anonymous) at (6,6) size 128x18 LayoutText {#text} at (0,0) size 109x17 text run at (0,0) width 109: ".overflowHidden" layer at (316,398) size 140x70 clip at (317,399) size 138x68 LayoutBlockFlow {DIV} at (11,249) size 140x70 [border: (1px solid #999999)] LayoutBlockFlow (anonymous) at (6,6) size 128x18 LayoutText {#text} at (0,0) size 109x17 text run at (0,0) width 109: ".overflowHidden" layer at (327,427) size 118x30 clip at (328,428) size 116x28 scrollWidth 119 LayoutBlockFlow {DIV} at (11,29) size 118x30 [border: (1px solid #999999)] LayoutText {#text} at (6,6) size 109x17 text run at (6,6) width 109: ".overflowHidden" layer at (316,213) size 140x30 LayoutBlockFlow (relative positioned) {DIV} at (11,64) size 140x30 [border: (1px solid #999999)] LayoutText {#text} at (6,6) size 52x17 text run at (6,6) width 52: ".relative" layer at (392,155) size 69x30 LayoutBlockFlow (positioned) {DIV} at (86.67,6) size 69.33x30 [border: (1px solid #999999)] LayoutText {#text} at (6,6) size 58x17 text run at (6,6) width 58: ".absolute" layer at (327,352) size 118x30 LayoutBlockFlow (relative positioned) {DIV} at (11,29) size 118x30 [border: (1px solid #999999)] LayoutText {#text} at (6,6) size 52x17 text run at (6,6) width 52: ".relative" layer at (505,149) size 162x330 clip at (506,150) size 160x328 scrollWidth 163 LayoutBlockFlow (positioned) {DIV} at (505,85) size 162x330 [border: (1px solid #999999)] LayoutBlockFlow (anonymous) at (6,6) size 150x18 LayoutText {#text} at (0,0) size 158x17 text run at (0,0) width 158: "#fixed2.overflowHidden" LayoutBlockFlow {DIV} at (11,29) size 140x30 [border: (1px solid #999999)] LayoutText {#text} at (6,6) size 51x17 text run at (6,6) width 51: "no style" layer at (516,248) size 140x70 clip at (517,249) size 138x68 LayoutBlockFlow {DIV} at (11,99) size 140x70 [border: (1px solid #999999)] LayoutBlockFlow (anonymous) at (6,6) size 128x18 LayoutText {#text} at (0,0) size 109x17 text run at (0,0) width 109: ".overflowHidden" LayoutBlockFlow {DIV} at (11,29) size 118x30 [border: (1px solid #999999)] LayoutText {#text} at (6,6) size 51x17 text run at (6,6) width 51: "no style" layer at (516,323) size 140x70 clip at (517,324) size 138x68 LayoutBlockFlow {DIV} at (11,174) size 140x70 [border: (1px solid #999999)] LayoutBlockFlow (anonymous) at (6,6) size 128x18 LayoutText {#text} at (0,0) size 109x17 text run at (0,0) width 109: ".overflowHidden" layer at (516,398) size 140x70 clip at (517,399) size 138x68 LayoutBlockFlow {DIV} at (11,249) size 140x70 [border: (1px solid #999999)] LayoutBlockFlow (anonymous) at (6,6) size 128x18 LayoutText {#text} at (0,0) size 109x17 text run at (0,0) width 109: ".overflowHidden" layer at (527,427) size 118x30 clip at (528,428) size 116x28 scrollWidth 119 LayoutBlockFlow {DIV} at (11,29) size 118x30 [border: (1px solid #999999)] LayoutText {#text} at (6,6) size 109x17 text run at (6,6) width 109: ".overflowHidden" layer at (516,213) size 140x30 LayoutBlockFlow (relative positioned) {DIV} at (11,64) size 140x30 [border: (1px solid #999999)] LayoutText {#text} at (6,6) size 52x17 text run at (6,6) width 52: ".relative" layer at (592,155) size 69x30 LayoutBlockFlow (positioned) {DIV} at (86.67,6) size 69.33x30 [border: (1px solid #999999)] LayoutText {#text} at (6,6) size 58x17 text run at (6,6) width 58: ".absolute" layer at (527,352) size 118x30 LayoutBlockFlow (relative positioned) {DIV} at (11,29) size 118x30 [border: (1px solid #999999)] LayoutText {#text} at (6,6) size 52x17 text run at (6,6) width 52: ".relative" layer at (705,149) size 162x370 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 LayoutBlockFlow (positioned) {DIV} at (705,85) size 162x370 [border: (1px solid #999999)] LayoutBlockFlow (anonymous) at (6,6) size 150x18 LayoutText {#text} at (0,0) size 49x17 text run at (0,0) width 49: "#fixed3" layer at (716,178) size 140x330 backgroundClip at (716,178) size 69x330 clip at (717,179) size 68x328 LayoutBlockFlow {DIV} at (11,29) size 140x330 [border: (1px solid #999999)] LayoutBlockFlow (anonymous) at (6,6) size 128x18 LayoutText {#text} at (0,0) size 109x17 text run at (0,0) width 109: ".overflowHidden" LayoutBlockFlow {DIV} at (11,29) size 118x30 [border: (1px solid #999999)] LayoutText {#text} at (6,6) size 51x17 text run at (6,6) width 51: "no style" layer at (727,277) size 118x70 backgroundClip at (727,277) size 58x70 clip at (728,278) size 57x68 LayoutBlockFlow {DIV} at (11,99) size 118x70 [border: (1px solid #999999)] LayoutBlockFlow (anonymous) at (6,6) size 106x18 LayoutText {#text} at (0,0) size 109x17 text run at (0,0) width 109: ".overflowHidden" LayoutBlockFlow {DIV} at (11,29) size 96x30 [border: (1px solid #999999)] LayoutText {#text} at (6,6) size 51x17 text run at (6,6) width 51: "no style" layer at (727,352) size 118x70 backgroundClip at (727,352) size 58x70 clip at (728,353) size 57x68 LayoutBlockFlow {DIV} at (11,174) size 118x70 [border: (1px solid #999999)] LayoutBlockFlow (anonymous) at (6,6) size 106x18 LayoutText {#text} at (0,0) size 109x17 text run at (0,0) width 109: ".overflowHidden" layer at (727,427) size 118x70 backgroundClip at (727,427) size 58x70 clip at (728,428) size 57x68 LayoutBlockFlow {DIV} at (11,249) size 118x70 [border: (1px solid #999999)] LayoutBlockFlow (anonymous) at (6,6) size 106x18 LayoutText {#text} at (0,0) size 109x17 text run at (0,0) width 109: ".overflowHidden" layer at (738,456) size 96x30 backgroundClip at (738,456) size 47x30 clip at (739,457) size 46x28 scrollWidth 119 LayoutBlockFlow {DIV} at (11,29) size 96x30 [border: (1px solid #999999)] LayoutText {#text} at (6,6) size 109x17 text run at (6,6) width 109: ".overflowHidden" layer at (727,242) size 118x30 backgroundClip at (717,179) size 68x328 clip at (717,179) size 68x328 LayoutBlockFlow (relative positioned) {DIV} at (11,64) size 118x30 [border: (1px solid #999999)] LayoutText {#text} at (6,6) size 52x17 text run at (6,6) width 52: ".relative" layer at (792,155) size 69x30 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 LayoutBlockFlow (positioned) {DIV} at (86.67,6) size 69.33x30 [border: (1px solid #999999)] LayoutText {#text} at (6,6) size 58x17 text run at (6,6) width 58: ".absolute" layer at (738,381) size 96x30 backgroundClip at (728,353) size 57x68 clip at (728,353) size 57x68 LayoutBlockFlow (relative positioned) {DIV} at (11,29) size 96x30 [border: (1px solid #999999)] LayoutText {#text} at (6,6) size 52x17 text run at (6,6) width 52: ".relative" scrolled to 0,64