| 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 769x17 |
| RenderText {#text} at (0,0) size 287x17 |
| text run at (0,0) width 287: "Safari Fixed / Overflow Hidden Scroll Bug" |
| RenderBlock {PRE} at (0,38) size 769x1 |
| RenderBlock {PRE} at (0,38) size 769x496 |
| RenderText {#text} at (0,0) size 264x495 |
| text run at (0,0) width 72: "#fixed1 {" |
| text run at (72,0) width 0: " " |
| text run at (0,15) width 192: "\x{9}position: fixed;" |
| text run at (192,15) width 0: " " |
| text run at (0,30) width 144: "\x{9}top: 80px;" |
| text run at (144,30) width 0: " " |
| text run at (0,45) width 160: "\x{9}left: 300px;" |
| text run at (160,45) width 0: " " |
| text run at (0,60) width 184: "\x{9}width: 150px; }" |
| text run at (184,60) width 0: " " |
| text run at (0,75) width 72: "#fixed2 {" |
| text run at (72,75) width 0: " " |
| text run at (0,90) width 192: "\x{9}position: fixed;" |
| text run at (192,90) width 0: " " |
| text run at (0,105) width 144: "\x{9}top: 80px;" |
| text run at (144,105) width 0: " " |
| text run at (0,120) width 160: "\x{9}left: 500px;" |
| text run at (160,120) width 0: " " |
| text run at (0,135) width 184: "\x{9}width: 150px; }" |
| text run at (184,135) width 0: " " |
| text run at (0,150) width 72: "#fixed3 {" |
| text run at (72,150) width 0: " " |
| text run at (0,165) width 192: "\x{9}position: fixed;" |
| text run at (192,165) width 0: " " |
| text run at (0,180) width 144: "\x{9}top: 80px;" |
| text run at (144,180) width 0: " " |
| text run at (0,195) width 160: "\x{9}left: 700px;" |
| text run at (160,195) width 0: " " |
| text run at (0,210) width 184: "\x{9}width: 150px; }" |
| text run at (184,210) width 0: " " |
| text run at (0,225) width 136: ".overflowHidden {" |
| text run at (136,225) width 0: " " |
| text run at (0,240) width 216: "\x{9}overflow: hidden; }" |
| text run at (216,240) width 0: " " |
| text run at (0,255) width 88: ".relative {" |
| text run at (88,255) width 0: " " |
| text run at (0,270) width 232: "\x{9}position: relative; }" |
| text run at (232,270) width 0: " " |
| text run at (0,285) width 88: ".absolute {" |
| text run at (88,285) width 0: " " |
| text run at (0,300) width 216: "\x{9}position: absolute;" |
| text run at (216,300) width 0: " " |
| text run at (0,315) width 120: "\x{9}top: 0;" |
| text run at (120,315) width 0: " " |
| text run at (0,330) width 152: "\x{9}right: 0; }" |
| text run at (152,330) width 0: " " |
| text run at (0,345) width 40: "div {" |
| text run at (40,345) width 0: " " |
| text run at (0,360) width 168: "\x{9}padding: 5px;" |
| text run at (168,360) width 0: " " |
| text run at (0,375) width 160: "\x{9}margin: 5px;" |
| text run at (160,375) width 0: " " |
| text run at (0,390) width 264: "\x{9}border: solid 1px #999; }" |
| text run at (264,390) width 0: " " |
| text run at (0,405) width 96: "#veryLarge {" |
| text run at (96,405) width 0: " " |
| text run at (0,420) width 216: "\x{9}position: relative;" |
| text run at (216,420) width 0: " " |
| text run at (0,435) width 176: "\x{9}height:1000px;" |
| text run at (176,435) width 0: " " |
| text run at (0,450) width 184: "\x{9}width:1500px; }" |
| text run at (184,450) width 0: " " |
| text run at (0,465) width 64: "\x{9}" |
| text run at (64,465) width 0: " " |
| text run at (0,480) width 0: " " |
| RenderBlock {P} at (0,549) size 769x18 |
| RenderText {#text} at (0,0) size 401x17 |
| text run at (0,0) width 401: "When you scroll this page the following objects will be clipped:" |
| RenderBlock {P} at (0,582) size 769x18 |
| RenderText {#text} at (0,0) size 739x17 |
| 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,615) size 769x35 |
| RenderText {#text} at (0,0) size 717x34 |
| 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,17) width 50: "clipped;" |
| RenderBlock {P} at (0,665) size 769x35 |
| RenderText {#text} at (0,0) size 723x34 |
| 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,17) width 128: "5:18:23 GMT 2006." |
| layer at (305,149) size 162x321 |
| RenderBlock (positioned) {DIV} at (305,85) size 162x321 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 150x17 |
| RenderText {#text} at (0,0) size 48x17 |
| text run at (0,0) width 48: "#fixed1" |
| RenderBlock {DIV} at (11,28) size 140x29 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 49x17 |
| text run at (6,6) width 49: "no style" |
| layer at (316,245) size 140x68 clip at (317,246) size 138x66 |
| RenderBlock {DIV} at (11,96) size 140x68 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 128x17 |
| RenderText {#text} at (0,0) size 108x17 |
| text run at (0,0) width 108: ".overflowHidden" |
| RenderBlock {DIV} at (11,28) size 118x29 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 49x17 |
| text run at (6,6) width 49: "no style" |
| layer at (316,318) size 140x68 clip at (317,319) size 138x66 |
| RenderBlock {DIV} at (11,169) size 140x68 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 128x17 |
| RenderText {#text} at (0,0) size 108x17 |
| text run at (0,0) width 108: ".overflowHidden" |
| layer at (316,391) size 140x68 clip at (317,392) size 138x66 |
| RenderBlock {DIV} at (11,242) size 140x68 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 128x17 |
| RenderText {#text} at (0,0) size 108x17 |
| text run at (0,0) width 108: ".overflowHidden" |
| layer at (327,419) size 118x29 clip at (328,420) size 116x27 scrollWidth 118 |
| RenderBlock {DIV} at (11,28) size 118x29 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 108x17 |
| text run at (6,6) width 108: ".overflowHidden" |
| layer at (316,211) size 140x29 |
| RenderBlock (relative positioned) {DIV} at (11,62) size 140x29 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 50x17 |
| text run at (6,6) width 50: ".relative" |
| layer at (393,155) size 68x29 |
| RenderBlock (positioned) {DIV} at (88,6) size 68x29 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 56x17 |
| text run at (6,6) width 56: ".absolute" |
| layer at (327,346) size 118x29 |
| RenderBlock (relative positioned) {DIV} at (11,28) size 118x29 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 50x17 |
| text run at (6,6) width 50: ".relative" |
| layer at (505,149) size 162x321 clip at (506,150) size 160x319 scrollWidth 161 |
| RenderBlock (positioned) {DIV} at (505,85) size 162x321 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 150x17 |
| RenderText {#text} at (0,0) size 156x17 |
| text run at (0,0) width 156: "#fixed2.overflowHidden" |
| RenderBlock {DIV} at (11,28) size 140x29 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 49x17 |
| text run at (6,6) width 49: "no style" |
| layer at (516,245) size 140x68 clip at (517,246) size 138x66 |
| RenderBlock {DIV} at (11,96) size 140x68 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 128x17 |
| RenderText {#text} at (0,0) size 108x17 |
| text run at (0,0) width 108: ".overflowHidden" |
| RenderBlock {DIV} at (11,28) size 118x29 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 49x17 |
| text run at (6,6) width 49: "no style" |
| layer at (516,318) size 140x68 clip at (517,319) size 138x66 |
| RenderBlock {DIV} at (11,169) size 140x68 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 128x17 |
| RenderText {#text} at (0,0) size 108x17 |
| text run at (0,0) width 108: ".overflowHidden" |
| layer at (516,391) size 140x68 clip at (517,392) size 138x66 |
| RenderBlock {DIV} at (11,242) size 140x68 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 128x17 |
| RenderText {#text} at (0,0) size 108x17 |
| text run at (0,0) width 108: ".overflowHidden" |
| layer at (527,419) size 118x29 clip at (528,420) size 116x27 scrollWidth 118 |
| RenderBlock {DIV} at (11,28) size 118x29 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 108x17 |
| text run at (6,6) width 108: ".overflowHidden" |
| layer at (516,211) size 140x29 |
| RenderBlock (relative positioned) {DIV} at (11,62) size 140x29 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 50x17 |
| text run at (6,6) width 50: ".relative" |
| layer at (593,155) size 68x29 |
| RenderBlock (positioned) {DIV} at (88,6) size 68x29 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 56x17 |
| text run at (6,6) width 56: ".absolute" |
| layer at (527,346) size 118x29 |
| RenderBlock (relative positioned) {DIV} at (11,28) size 118x29 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 50x17 |
| text run at (6,6) width 50: ".relative" |
| layer at (705,149) size 162x360 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 162x360 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 150x17 |
| RenderText {#text} at (0,0) size 48x17 |
| text run at (0,0) width 48: "#fixed3" |
| layer at (716,177) size 140x321 backgroundClip at (716,177) size 69x321 clip at (717,178) size 68x319 outlineClip at (0,0) size 785x1029 |
| RenderBlock {DIV} at (11,28) size 140x321 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 128x17 |
| RenderText {#text} at (0,0) size 108x17 |
| text run at (0,0) width 108: ".overflowHidden" |
| RenderBlock {DIV} at (11,28) size 118x29 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 49x17 |
| text run at (6,6) width 49: "no style" |
| layer at (727,273) size 118x68 backgroundClip at (727,273) size 58x68 clip at (728,274) size 57x66 outlineClip at (717,178) size 68x319 |
| RenderBlock {DIV} at (11,96) size 118x68 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 106x17 |
| RenderText {#text} at (0,0) size 108x17 |
| text run at (0,0) width 108: ".overflowHidden" |
| RenderBlock {DIV} at (11,28) size 96x29 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 49x17 |
| text run at (6,6) width 49: "no style" |
| layer at (727,346) size 118x68 backgroundClip at (727,346) size 58x68 clip at (728,347) size 57x66 outlineClip at (717,178) size 68x319 |
| RenderBlock {DIV} at (11,169) size 118x68 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 106x17 |
| RenderText {#text} at (0,0) size 108x17 |
| text run at (0,0) width 108: ".overflowHidden" |
| layer at (727,419) size 118x68 backgroundClip at (727,419) size 58x68 clip at (728,420) size 57x66 outlineClip at (717,178) size 68x319 |
| RenderBlock {DIV} at (11,242) size 118x68 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 106x17 |
| RenderText {#text} at (0,0) size 108x17 |
| text run at (0,0) width 108: ".overflowHidden" |
| layer at (738,447) size 96x29 backgroundClip at (738,447) size 47x29 clip at (739,448) size 46x27 outlineClip at (728,420) size 57x66 scrollWidth 118 |
| RenderBlock {DIV} at (11,28) size 96x29 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 108x17 |
| text run at (6,6) width 108: ".overflowHidden" |
| layer at (727,239) size 118x29 backgroundClip at (717,178) size 68x319 clip at (717,178) size 68x319 outlineClip at (717,178) size 68x319 |
| RenderBlock (relative positioned) {DIV} at (11,62) size 118x29 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 50x17 |
| text run at (6,6) width 50: ".relative" |
| layer at (738,374) size 96x29 backgroundClip at (728,347) size 57x66 clip at (728,347) size 57x66 outlineClip at (728,347) size 57x66 |
| RenderBlock (relative positioned) {DIV} at (11,28) size 96x29 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 50x17 |
| text run at (6,6) width 50: ".relative" |
| scrolled to 0,64 |