Some text A02468Z styled 13px in a span - IE OK
Some text A02468Z unstyled (1em) in body - IE OK
Some text A02468Z styled 12px in a span - IE OK
Some text A02468Z styled 1em in a span - IE fixed by body rule
Some text A02468Z styled 100% in a span - IE OK
Some text A02468Z styled 1em in a div - IE fixed by body rule
Some text A02468Z styled 1em in a div in a div - IE fixed by body rule
Some text A02468Z styled 12px in a div - IE OK
Some text A02468Z styled 13px in a div - IE OK
Some text A02468Z styled 100% in a div - IE OK
|
Some text A02468Z styled 1em in table row 1 - IE fixed by body rule
|
|
Some text A02468Z styled .77em in table row 2 - IE fixed by body rule
|
|
Some text A02468Z styled 10px in table row 3 - IE OK
|
| Some text A02468Z styled .83em in a table styled .83em in table row 4 - IE fixed by body rule |
|
|
Some text A02468Z styled 9px in table row 5 - IE OK
|
|
Some text A02468Z styled 100% in table row 6 - IE OK
|
Some text A02468Z styled 12px in a p - IE OK
Some text A02468Z styled 1em in a p - IE fixed by body rule
Some text A02468Z styled 100% in a p - IE fixed by body rule
Some text A02468Z styled 83% in a div - IE OK
Some text A02468Z styled 83% in a div child of 83% div - IE OK
Some text A02468Z styled 11px in a div - IE OK
Some text A02468Z styled .83em in a div - IE fixed by body rule
Some text A02468Z styled .83em in a div child of 83% div - IE fixed by body rule
Some text A02468Z styled 9px in a div - IE OK
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Correct settings for properly viewing this page:
Internet Explorer 6: System 96 DPI; Browser Font Size Smaller
Mozilla/Netscape: Edit->Preferences->Appearance->Fonts->Proportional->13px
So, what do you do if you don't want to use 100% in body? Simple. Anything em could do if it wasn't broken in IE can be done now using % instead. Just say no to em. Use % instead.