IE7-/Win: font-size, hasLayout and em margins on inline elements

In all the following test cases a green box with 1em margin left and top is contained in a wrapper with hasLayout and border (and gray grid background.) A font-size:2em is applied either to the inner box or to container.

In some cases IE7-/Win computes the em margins of the inner element using the font-size in effect on the container, instead of the one specified on the element itself.

2em on inner span hasLayout

LoreM

2em on wrapper, inner span hasLayout

LoreM

2em on inner span no hasLayout

LoreM

2em on inner div hasLayout

LoreM

2em on inner block span hasLayout

LoreM

2em on inner div no hasLayout

LoreM

2em on inner block span no hasLayout

LoreM

2em on inner ap span

LoreM

2em on wrapper, inner ap span

LoreM

2em on inner ap div

LoreM

2em on inner ap block span

LoreM

2em on inner float span

LoreM

2em on wrapper, inner fl span

LoreM

2em on inner float div

LoreM

2em on inner float block span

LoreM

A somewhat similar problem: IE7-/Win: letter-spacing, word-spacing and hasLayout

CSS tests home