IE8 Floated non scrollable oveflow box bug

Overflow box floated left 'width' 400px

An example of the frozen background on a overflow box is seen in this Test Case by Gérard Talbot. Just scroll.

Test 1a

1a. Float left

Failed: Opera 9.10~9.50 (bottom margin is missing)

Test 1b

1b. Float right

Passed: Gecko 1.8~1.9 & Opera 9.50

Test 2a

2a. Static

Failed: IE 8 (background image on container gets frozen)

Test 2b

2b. Float left

Failed: Opera 9.10~9.50 (bottom margin is missing)

Failed: IE 8 (background image on container gets frozen or non scrollable)

Test 2c

2c. Float right

Passed: Gecko 1.8~1.9 & Opera 9.50

Failed: Safari 3 (Inner box should not be scrollable)

Failed: Opera 9.10~9.50 (bottom margin is missing)

Failed: IE 8 (background image on container gets frozen or non scrollable)

Test 3a

3a. Static

Passed: Gecko 1.8~1.9 & Opera 9.10~9.50

Failed: IE 8 (background image on container gets frozen)

Test 3b

Note: Gecko 1.8 will show the margin on both sides of the inner box.

3b. Float left

Passed: Gecko 1.8~1.9 & Opera 9.10~9.50

Failed: Opera 9.10~9.50 (bottom margin is missing)

Failed: IE 8 (background image on container gets frozen)

Test 3c

3c. Float right

Passed: Gecko 1.8~1.9 & Opera 9.50

Failed: IE 8 (container is non scrollable)

Overflow box floated left 'padding-left' 50px + 'width' 400px + 'padding-right' 50px = 500px

Test 4a

4a. Static

Failed: IE 8 (container is non scrollable)

Test 4b

Note: Gecko 1.8 will show the margin on both sides of the inner box and padding on both sides of the overflow box.

4b. Float left

Failed: IE 8 (container is non scrollable)

Test 4c

4c. Float right

Passed: Gecko 1.8~1.9 & Opera 9.50

Failed: IE 8 (container is non scrollable)