IE5+/Mac and IE5+/Win Right Position/Margin Test Cases

[Please view source for documentation. Mail me any comments! Valid HTML 4.01 Strict. Valid CSS.]

Test 1: Top 50px Left 50px.

Test 2: Top 50px Right 50px.

Test 3: Top 100px Left 200px Right 200px. Displays correctly in IE6/Win. Displays incorrectly in IE5/Mac. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.

Test 4: Top 250px Left 200px Margin-Right 200px. Displays incorrectly in IE6/Win. Displays correctly in IE5/Mac. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.

Test 5: Top 400px Right 200px Margin-Left 200px. Displays incorrectly in IE6/Win. Displays correctly in IE5/Mac. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.

Test 6: Workaround for Tests 3 and 4. Displays correctly in IE5.5/Win, IE6/Win and IE5/Mac. Displays incorrectly in IE5.0/Win. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.

Test 7: IE5.0/Win workaround for Test 6. Displays correctly in IE5.0/Win, IE5.5/Win and IE6.0/Win. Displays incorrectly in IE5.x/Mac. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.

Test 8: IE5.x/Mac workaround for Test 7. Displays correctly in IE5.0/Win, IE5.5/Win, IE6.0/Win, IE5.0/Mac and IE5.1/Mac. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.