RichInStyle.com test pages: dynamic effects - overflow: auto

Note that overflow: auto's behavior is not defined. However, I strongly recommend that it should be treated as scroll when content overflows and otherwise as visible.

Scroll test - scroll bar presence

Test 1

Although it would not be wrong to give this non-overflowing element a scroll bar, it would be better if it didn't have one.

Scroll test - overflow

Test 2

There is a DIV below with a DIV inside it. The DIV has overflow: auto, the DIV, margin-left: -10px. As a result, either:

a horizontal scroll bar should be provided with which to view the 10 pixels of DIV that overflow the left of the DIV, OR
the content should simply overflow and be visible, but NOT
the content be made invisible

The left of this should be scrolled.

Test 3

There is some text below that states 'Some text'. Either

a vertical scroll bar should be provided, and you should not see it until you have scrolled up the screen, OR
the content should simply overflow and be visible, but NOT
the content be made invisible

Some text.