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