Automated scrollIntoView tests testing 3 different DOCTYPEs as well as right-to-left
Scrollable parent != offsetParent:
Absolute positioned overflow container:
HTML { overflow-x:hidden !important; /*IE6*/ }
Absolute-positioned content:
INPUT { L_left:90px; R_right:90px; WKR_FF2R_left:90px; WKR_FF2R_right:auto; } HTML { overflow:scroll !important; /*IE6*/ }
Fixed-positioned node:
Fixed-positioned scrollable content:
HTML { overflow-x:hidden !important; /*IE6*/ } INPUT { height:20px; MZT_MZQ_WKT_WKQ_IEQ_height:28px; width:20px; MZT_MZQ_WKT_WKQ_IEQ_width:28px; }
Double scrollbars with absolute positioned content:
INPUT { height:20px; MZT_MZQ_WKT_WKQ_IEQ_height:28px; width:20px; MZT_MZQ_WKT_WKQ_IEQ_width:28px; }
Complex scrollable inner content, no scrollbars:
DIV { width:20px; IEQ_width:26px; height:20px; IEQ_height:24px; }
Nothing to do:
Floated:
INPUT { L_float:left; R_float:right; WKR_FF2R_float:left; }
Bottom, not floated:
INPUT { margin-right:100%; margin-left:100%; WKR_FF2R_margin-right:-24.5%; }
Table:
HTML { overflow-x:hidden !important; /*IE6*/ }
Inner scrollable content with scrollbars:
HTML { overflow:hidden !important; /*IE6*/ } BODY { padding:10px; }
position:absolute TD content:
Oversized content:
NPUT { L_left:90px; R_right:90px; WKR_FF2R_left:90px; WKR_FF2R_right:auto; } HTML { overflow:scroll !important; /*IE6*/ }
HTML/BODY padding:
HTML, BODY { padding:50px 9px; } HTML { overflow-x:hidden !important; /*IE6*/ }