IE6-/Win, 1px wrong right/bottom absolute position when the width/height of the padding box of the containing block is an odd number of pixels

In the following test cases four green boxes are absolutely positioned at the corners of a containing block, using different combinations of top, right, bottom, left set at 0.

Even dimensions of C.B.

Odd dimensions of C.B.

Even dimensions of C.B., 9px top/left padding

Odd dimensions of C.B., 9px top/left padding

Even dimensions of C.B., 9px top/left border

Odd dimensions of C.B., 9px top/left border

Even dimensions of C.B., 9px top/left padding, 9px top/left border

Odd dimensions of C.B., 9px top/left padding, 9px top/left border

In IE6- A.P. bottom/right is 1px wrong when the height/width of the padding box is an odd number

clientHeight/Width is the height/width of the padding box

offsetHeight/Width is the height/width of the border box

Again all the above test cases, now with a correction for IE6-, applied with an expression.

Even dimensions of C.B.

Odd dimensions of C.B.

Even dimensions of C.B., 9px top/left padding

Odd dimensions of C.B., 9px top/left padding

Even dimensions of C.B., 9px top/left border

Odd dimensions of C.B., 9px top/left border

Even dimensions of C.B., 9px top/left padding, 9px top/left border

Odd dimensions of C.B., 9px top/left padding, 9px top/left border

The 1px positioning problem is such that any bottom/right position is 1px more to the top/left than correct. In other words any bottom/right declared <n>px is rendered as <n+1>px. Below there should be some thin vertical green lines, each obtained with two A.P. boxes: a top half relative to a 2px wide containing box, and a bottom half relative to a 1px wide containing block. In IE6/Win the half bottom of them is shifted 1px to the left.

CSS tests home