wiberg: MS IE: Rand unter Bild <div><img></div> trotz Tricks

Beitrag lesen

Im Ms Internet Explorer habe ich einen ca. 3px großen Rand unter einem Bild. In Mozilla funktioniert's einwandfrei. Die zugegebener Maßen etwas seltsame Konstruktion ist nötig, weil zwei verschiedene Hintergrundbilder verwendet werden. Das Problem tritt nur bei dem Bild "c3_shadow_top.png" auf. Hier ist der Code:

<div style="position:absolute; left:242px; top:96px; width:485px; background-image:url('img/c3_borders.png'); background-repeat:repeat-y; line-height:0;">
 <img src="img/c3_shadow_top.png" alt=" " style="vertical-align:top;" />
 <div style="width:475px; margin-left:1px; margin-top:0; background-image:url('img/c3_bg.png'); background-repeat:repeat-x; line-height:13px;">
Blindtext
 </div>
 <img src="img/c3_shadow_bottom.png" alt=" " style="vertical-align:bottom;" />
</div>

Ich habe Zeilenumbrüche schon weggemacht, das hat nichts geändert. Ferner schon ziemlich viele CSS-Eigenschaften wie "margin", "padding", "height" usw. überall, wo es sinnvoll erschien, ausprobiert. Vielleicht fällt jemandem etwas ein, zur Not auch, etwas umzustellen.

Gruß und Dank
Wiberg