Thema: Problem mit Listendarstellung im IE7 <-> FF2

Hallo,

heute habe ich fast den ganzen samstag mit einem Problem verbracht ohne eine befriedigende Lösung gefunden zu haben.

Es geht um die Formatierung von Listen, wie sie z.B. auf

http://thg-nördlingen.de.fc-host10.d.../view/186/135/

zu sehen ist.

Meine CSS-Datei sieht so aus:

================================================== ==
ul {
margin : 5px 5px 5px 5px;
padding-left : 0px;
}

li {
list-style : inside url(../../../images/M_images/arrow.png);
list-style-image : url(../../../images/M_images/arrow.png);

/*funkioniert im IE7 und FF2, aber keine Einrückung*/
margin-left: 0px;
text-indent: 0px;

/*funkioniert im IE7*/
/*margin-left : 170px;
text-indent : -18px;*/

/*funktioniert im FF2*/
/*margin-left : 20px;
text-indent : 0px;
list-style-position: outside*/
}
================================================== =====


Wenn ich den Teil /*funktioniert im FF2*/ verwende erhalte ich das gewünschte Ergebnis im FF. (vgl. Bild1) Im IE rutscht aber die Liste teilweise unter das Bild: (vgl. Bild2)

Wenn der Teil /*funkioniert im IE7*/ verwendet wird, sieht es im IE7 einigermaßen aus (Bild3), dafür ist die Liste im FF viel zu weit rechts (Bild4).

Hat jemand eine Idee, wie man das in beiden Browser richtig hinkriegt, so dass der Text in der Liste nach einem Zeilenumbruch nicht ganz links beginnt, sondern eingerückt ist.

Viele Grüße
Jürgen Horzella

Gelöst: Browserweiche
http://www.joomlaportal.de/geloeste-...serweiche.html