IE7-/Win: line-height problem with inline images

IE7-/Win does not respect a set line-height in presence of an inline image.

The following (floated) paragraphs have line-height:60px, and (except the first one) they contain an inline image in the middle of the text (a black rectangle.) There are images of different heights, from less to more than the line-height.

In IE6-/Win the line where the image resides does not honor the line-height. In IE7 the problem shows up only when the image is taller than the line-height.

1 defghijklxÈ
2 defghijklxÈ
3 defghijklxÈ
4 defghijklxÈ
5 defghijklxÈ

1 defghijklxÈ
2 defghijklxÈ
3 defghijklxÈ
4 defghijklxÈ
5 defghijklxÈ

1 defghijklxÈ
2 defghijklxÈ
3 defghijklxÈ
4 defghijklxÈ
5 defghijklxÈ

1 defghijklxÈ
2 defghijklxÈ
3 defghijklxÈ
4 defghijklxÈ
5 defghijklxÈ

1 defghijklxÈ
2 defghijklxÈ
3 defghijklxÈ
4 defghijklxÈ
5 defghijklxÈ

1 defghijklxÈ
2 defghijklxÈ
3 defghijklxÈ
4 defghijklxÈ
5 defghijklxÈ

Again with the images having vertical-align:middle

Again with the images having vertical-align:bottom

Again with the images having vertical-align:top

Related tests:

• IE6-/Win line-height problem with images,
• IE7-/Win problem with small line-height and images,
• vertical-align, images and line-height,
• vertical-align of tall images,
• an image in a box,
• an image in a box with different line heights.
• IE7-/Win problems with small line-height and hasLayout,

CSS tests home