Hidden Overflow and Containing Block rtl with absolute positioning and right offset

Notes

The red box which is hidden outside the viewport (to the right) has this style right:-4000px.

Other test cases

1. Visible Overflow and Containing Block for ltr with absolute positioning and left offset
2. Hidden Overflow and Containing Block for ltr with absolute positioning and left offset
3. Visible Overflow and Containing Block for rtl with absolute positioning and left offset
4. Hidden Overflow and Containing Block for rtl with absolute positioning and left offset
5. Visible Overflow and Containing Block for ltr with absolute positioning and right offset
6. Hidden Overflow and Containing Block for ltr with absolute positioning and right offset
7. Visible Overflow and Containing Block for rtl with absolute positioning and right offset
8. Hidden Overflow and Containing Block for rtl with absolute positioning and right offset - Testing.

• Wrong: Opera 9 and Opera 10.00~10, Right auto offset of the aqua box and lime box is not in line with the header "Notes" (computed value is auto). This behaviour is described in this test case, IE7 and Opera 9.10~10.50 - absolute positioning with block elements not aligning.
• Wrong: Opera 9 and Opera 10.00~10, Right offset of the red box is visible instead of hidden for rtl (can be scrolled too).
• Wrong: Safari 4, Right auto offset of the aqua box is on the left instead of the right for rtl.
• Wrong: Safari 4, Right offset of the red box is visible instead of hidden for rtl (can be scrolled too).
• Wrong: Safari 4, Right auto offset of the aqua box is on the left instead of the right for rtl.
• Wrong: IE8, Right auto offset of the aqua box is not in line with the header "Notes" (computed value is auto). This behaviour is described in this test case, IE8 bidi and hasLayout.
• Wrong: IE7, Right offset of the red box is hidden for rtl (hidden to the right I presume) but the overflow is going to the left. Very strange. This is also seen in IE6 and IE5.5.
• Wrong: IE7, Right auto offset of the aqua box is not in expected place in respect to it's containing block (computed value should be right auto). Unknown IE7 bug (do test case).

The CSS2.1 Specifications

• CSS2.1 - 9.6 Absolute positioning

  "In the absolute positioning model, a box is explicitly offset with respect to its containing block."

• CSS2.1 - 9.3.1 Choosing a positioning scheme: 'position' property

  "Absolute: The box's position (and possibly size) is specified with the 'top', 'right', 'bottom', and 'left' properties. These properties specify offsets with respect to the box's containing block."

• CSS2.1 - 9.1.2 Containing blocks

  "Each box is given a position with respect to its containing block, but it is not confined by this containing block; it may overflow."

• CSS2.1 - 10.1 Definition of "containing block"

  "The containing block in which the root element lives is a rectangle called the initial containing block. For continuous media, it has the dimensions of the viewport and is anchored at the canvas origin; it is the page area for paged media. The 'direction' property of the initial containing block is the same as for the root element"

• CSS2.1 - 11.1.1 Overflow: the 'overflow' property

  "This property specifies whether content of a block-level element is clipped when it overflows the element's box. It affects the clipping of all of the element's content except any descendant elements (and their respective content and descendants) whose containing block is the viewport or an ancestor of the element."

  "Even if 'overflow' is set to 'visible', content may be clipped to a UA's document window by the native operating environment."

• CSS2.1 - 9.10 Text direction: the 'direction' and 'unicode-bidi' properties

  "This property specifies the base writing direction of blocks and the direction of embeddings and overrides (see 'unicode-bidi') for the Unicode bidirectional algorithm. In addition, it specifies the direction of table column layout, the direction of horizontal overflow, and the position of an incomplete last line in a block in case of 'text-align: justify'."

• CSS2.1 - 9.10 Text direction: the 'direction' and 'unicode-bidi' properties

  "This property specifies the base writing direction of blocks and the direction of embeddings and overrides (see 'unicode-bidi') for the Unicode bidirectional algorithm. In addition, it specifies the direction of table column layout, the direction of horizontal overflow, and the position of an incomplete last line in a block in case of 'text-align: justify'."