IE zeigt Bilder nicht auf gleicher Ebene an

[yss]

Hey Leute
Dieser IE, ich könnte ihn echt ********
Hier mein Problem, welches sich auf den IE8 bezieht, die älteren Versionen interessiere mich net.
Folgender Code zeigt in den restlichen Browsern folgendes an:

<div id="navileiste">
		<img id="navileiste_img_left" alt="NavileistenImgLeft" src="../img/navileiste_left.png" />
		<img id="navileiste_img_right" alt="NavileistenImgLeft" src="../img/navileiste_right.png" />
	</div>

#navileiste{
	border-color: #b2b2b2;
	border-style: solid;
	border-width: 1px;
	background-image: url(../img/navileiste_bg.png);
	background-repeat: repeat;
	width: 700px;
	height: 20px;
	margin-left: 30px;
}

#navileiste_img_left{
	width: 50px;
	height: 22px;
	margin-top: -1px;
	margin-left: -5px;
}

#navileiste_img_right{
	width: 50px;
	height: 22px;
	margin-top: -1px;
	margin-right: -5px;
	float: right;
}

Und im IE sieht das so aus:

Es soll aber so aussehen wie in den anderen Browsern...

 

[threadi]

Zwei Möglichkeiten:
a) Dreh die Reihenfolge im HTML-Code um:

<div id="navileiste">
		<img id="navileiste_img_right" alt="NavileistenImgLeft" src="http://www.html.de/img/navileiste_right.png" />
		<img id="navileiste_img_left" alt="NavileistenImgLeft" src="http://www.html.de/img/navileiste_left.png" />
	</div>

b) Ergänze bei #navileiste_img_left noch "float: left;".

Vlt. ist auch beides zusammen die Lösung.

 

[yss]

OK, das Umdrehen war es, vielen Dank ;-)