✔ 1px linie zwischen Bild und box-border geht nicht weg

[Kipperlenny]

Moin

Ich habe keine Ahnung warum und bin am verzeifeln
Deswegen dachte ich mir, dass ich so langsam mal frage, erst mal die codes:

div-box:

.banner { visibility: visible; position: absolute; left: 25%; top: 5%; width: 59%; height: 15%; background-color: <? echo $farbb; ?>; border:3px solid #FF9900; z-index: 2; }

Bild:

echo "<img src=\"".$bannerurl."\" width=\"100%\" height=\"100%\"></img>";

und dann wie es aussieht:
http://www.going-away.eu

Oben die Box mit dem Banner ist gemeint - im FF ist alles super, aber beim IE bleibt da eine 1-2px breite Linie zwischen dem Banner und der unteren Grenze der Box - WARUM? :-D

 

[Maik]

Der IE reagiert auf Leerzeichen / Zeilenumbrüche (= white spaces) im HTML-Quelltext vor und/oder hinter dem img-Element mit Verschiebungen im Layout:

<div class="banner">
   <img src="./pics/deutschland.jpg" width="100%" height="100%"></img>   </div>

Lösung: weise der Grafik die display:block-Eigenschaft zu.