Hintergrundbild wird im IE nicht angezeigt

[T-Rex]

Hallo Leute,

bin verzweifelt.
http://www.chamaeleonreisen.de/Afrika/Namibia/Etosha#tab=0

Nach dem Text "Besonderes bewusst erleben" kommen Absätze. Die sollen mit einem roten Dreieck gekennzeichnet werden. Im Firefox wie so oft kein Problem im IE7 dagegen erscheinen nur 2 (Wieso auch immer...).

Die HTML Struktur ist folgende

<div class='reise_highlights  global_list_dreiecke'>  
 <ul>  
  <li>  
   <span>  
    Text  
   </span>  
  </li>  
  ...  
  </ul>  
<div>  

  
.reise_highlights li  
{  
	display: inline;  
}  
.global_list_dreiecke li  
{  
	padding-left: 12px;	  
	background-image: url("../img/dreieck_schwarz.png");  
	background-repeat: no-repeat;	  
	background-position: left 5px;	  
}  
.reise_highlights li  
{  
	background-image: url("../img/dreieck_rot.png");  
}  

Die HTML Struktur kann ich leider nicht ändern. Das div könnte ich noch ändern ab dem ul kommt es aus dem PHP.
Wenn ich das display: inline auf display: block umstelle funktioniert es. Soll halt kein block sein...

Bin für jeden Tipp dankbar!
Gruß
T-Rex

[Matthias Apsel]

Om nah hoo pez nyeetz, T-Rex!

Der Validator meldet 156 Fehler, 72 Warnungen.

Da du, wie du schreibst, das HTML nicht ändern kannst, wirst du damit leben müssen, dass sich die Browser bei fehlerhaften HTML etwas aus den Fingern saugen. Dass die Darstellung dabei in aktuelleren Browsern dem Gewünschten näher kommt, liegt daran, dass der Ratemodus von den Herstellern verbessert werden konnte.

Matthias