Liste in Liste als doppelte Horizontale Navigation formatieren.

[Corsachriz]

Hallo zusammen.
Der Titel klingt etwas komisch, aber habe versucht es so treffend wie möglich zu beschreiben.

Ich habe eine Liste in einer Liste:

   <ul>
    <li>punkt1</li>
    <li>punkt2
       <ul>
         <li>unterpunkt1</li>
          <li>unterpunkt2</li>
           <li>unterpunkt3</li>
       </ul>
    </li>
    <li>punkt3</li>
    </ul>

Nun möchte ich eine doppelt horizontale Navigation erzeugen. Das Ganze soll später so aussehen:



Ist das überhaupt aus dieser Liste heraus mit CSS möglich ?
Wenn die Liste in der Liste als letztes steht funktioniert das natürlich, ansonsten werden aber alle nachfolgenden Punkte automatisch unter die Liste gesetzt:



Wie kann ich das verhindern?

Hoffe ich konnte einigermaßen erläutern, wo mein Problem liegt.

Liebe Grüße, Chriz

[phpBuddy]

Bei Stu findet man z.B. das oder das oder das oder auch das, um nur mal einige zu nennen.

[Corsachriz]

Du darfst mich schlagen...

DANKE!

Du hast vermutlich den Dienstag, Mittwoch und vielleicht sogar den Donnerstag gerettet



Chriz

PS: Formatier die innere Liste mit "position:abolute" hätte gereicht

[Corsachriz]

Oh danke

Übrigens für alle die mal auf das selbe Problem stoßen:

Der IE braucht

position:relative