Automated scrollIntoView tests with 3 different DOCTYPEs as well as right-to-left

Scrollable parent != offsetParent:

INPUT { float:left; }

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_OPQ_OPT_height:28px; width:20px; MZT_MZQ_WKT_WKQ_IEQ_OPQ_OPT_width:28px; }

Double scrollbars with absolute positioned content:

INPUT { height:20px; MZT_MZQ_WKT_WKQ_IEQ_OPQ_OPT_height:28px; width:20px; MZT_MZQ_WKT_WKQ_IEQ_OPQ_OPT_width:28px; }

Complex scrollable inner content, no scrollbars:

DIV { width:20px; IEQ_width:26px; height:20px; IEQ_height:24px; }

Nothing to do:

Bottom, floated:

INPUT { L_float:left; R_float:right; WKR_FF2R_float:left; }

Table:

HTML { overflow-x:hidden !important; /*IE6*/ }

Inner scrollable content with scrollbars:

HTML { overflow:hidden !important; /*IE6*/ } BODY { padding:10px; } TABLE { OPR_float:left; }

position:absolute TD content:

Oversized content:

HTML { IEZ_overflow:scroll !important; /*IE6*/ } BODY { OPT_overflow:scroll !important; }

HTML/BODY padding:

HTML, BODY { padding:50px 9px; } HTML { overflow-x:hidden !important; /*IE6*/ }