Testing display properties. Very confusing now without the true IE7 to test with. Now having made mistakes I will now state the behavior of both modes of IE8. IE8 standard mode I will refered to as IE8b. IE8 IE7 mode I will refered to as IE8b~7. For this mode the test becomes complicated since in not a true pass or fail. IE8b fails in example 3~5 and 7 since the blocks are incorrectly clearing the float.
Passed: Opera 9.10 & IE8b
Passed: Gecko 1.7~1.9 & Safari 3 (showing overlap)
Failed: IE 5.5, IE 6 & IE 7 (showing overlap and incorrect stacking)
Correct: IE8b~7 (showing overlap and incorrect stacking)
Passed: Opera 9.10~9.5, Gecko 1.7~1.9, Safari 3 & IE8b
Failed: IE 5.5, IE 6, IE 7
Correct: IE8b~7 (showing correct position due to hasLayout)
Passed: Gecko 1.9 & Safari 3
Failed: Opera 9.10~9.5, IE 5.5, IE 6, IE 7 & IE8b
Not supported: Gecko 1.7~1.8
Correct: IE8b~7 (showing correct position due to hasLayout)
Passed: Opera 9.10~9.5, Gecko 1.7~1.9 & Safari 3
Failed: IE8b
Not supported: Gecko 1.7~1.8, IE 5.5, IE 6, IE 7 & IE8b~7
Passed: Gecko 1.9 & Safari 3
Failed: Opera 9.10~9.5 & IE8b
Not supported: Gecko 1.7~1.8, IE 5.5, IE 6, IE 7 & IE8b~7
Passed: Opera 9.10~9.5 & Gecko 1.7~1.9
Failed: IE8b & Safari 3
Not supported: Gecko 1.7~1.8, IE 5.5, IE 6, IE 7 & IE8b~7
Passed: Opera 9.10~9.5, Gecko 1.7~1.9 & Safari 3
Failed: IE8b (showing as display:inline)
Not supported: Gecko 1.7~1.8, IE 5.5, IE 6, IE 7 & IE8b~7
Passed: Opera 9.10~9.5 & Gecko 1.9
Passed: Gecko 1.7~1.8 & Safari 3 (stacking over float)
Failed: IE 5.5, IE 6, IE 7 & IE8b
Correct: IE8b~7 (showing correct position due to hasLayout)