Sönke: Netscape verliert CSS in dreifach verschachtelten «ul»'s

Beitrag lesen

Hallo ihr alle!

Man soll es ja kaum glauben, aber jetzt habe ich doch glatt auch mal ein Problem
mit Netscape (4.72).

Und zwar wollte ich eine dreifach "verschachtelte" unordered list erstellen. Also z.B. in einer Form wie...

<ul>
  <li>Text<li>
  <ul>
    <li>Text<li>
    <ul>
      <li>Text<li>
    </ul>
  </ul>
</ul>

Damit die inneren beiden <ul>'s nicht so weit eingerückt werden, habe
ich sie mit style="position:relative; left:-18px;" etwas nach links
verschoben. So weit so gut. Wende ich das ganze auch nur auf eine nur zweifach verschachtelte
Konstruktion an, gibt es auch keine Schwierigkeiten. Sobald ich aber
die dritte Ebene mit einfüge, berücksichtigt Netscape im ganzen
Dokument (also sowohl vor, als auch nach der Liste) keine meiner
externen CSS-Angaben mehr. Äußerst Spaßig!

Kennt jemand von Euch dafür vielleicht eine Lösung?

Der genaue Quelltext lautet...

<ul style="margin-bottom:8px;">
  <li><font face="Arial, Helvetica, sans-serif" size="-1"><span class="SST"><a href="#P1">Frage:</a>
       Ein Göpelschauer - was ist das eigentlich?</span></font></li>
  <ul style="margin-bottom:8px; position:relative; left:-18px;">
    <li><font face="Arial, Helvetica, sans-serif" size="-1"><span class="SST"><a href="#P2">Zur
         Erinnerung - eine fachkundliche Auffrischung</a>.</span></font></li>
    <ul style="margin-bottom:8px; position:relative; left:-18px;">
       <li><font face="Arial, Helvetica, sans-serif" size="-1"><span class="SST"><a href="#P2">Der
            Balken auf zwei Stützen.</a>.</span></font></li>
       <li><font face="Arial, Helvetica, sans-serif" size="-1"><span class="SST"><a href="#P3">Das
            Sprengwerk</a>.</span></font></li>
       <li><font face="Arial, Helvetica, sans-serif" size="-1"><span class="SST"><a href="#P4">Das
            Hängewerk</a>.</span></font></li>
    </ul>
  <li><font face="Arial, Helvetica, sans-serif" size="-1"><span class="SST"><a href="#P5">Der
       Göpelschauer</a></span></font> </li>
  </ul>
<li><font face="Arial, Helvetica, sans-serif" size="-1"><span class="SST"><a href="#P6">Antwort
     schreiben.</a></span></font></li>
</ul>

Und falls es sich jemand live ansehen möchte hier noch die URL:
http://home.germany.net/100-465659/artikel/fragen/goepel/index.htm

Dank schon mal an alle im Voraus.

MfG,
Sönke