Listeneinrückung nach Vorn

[MartinM]

Hallo,

ich habe folgenden Aufbau eines HTML Menüs.

<div id="navigation">  
  
<ul>  
 <li><a href="blank.html">Punkt1</a></li>  
 <li><a href="blank.html">Punkt2</a>  
  <ul>  
  <li><a href="blank.html">UnterpunktPunkt1</a></li>  
  <li><a href="blank.html">UnterpunktPunkt2</a>  
   <ul>  
   <li><a href="blank.html">UnterUnterpunktPunkt1</a></li>  
   <li><a href="blank.html">UnterUnterpunktPunkt2</a></li>  
   </ul>  
  </li>  
  <li><a href="blank.html">UnterpunktPunkt2</a></li>  
  </ul>  
 </li>  
 <li><a href="blank.html">Punkt3</a></li>  
 <li><a href="blank.html">Punkt3</a></li>  
</ul>  
  
</div>  

Ohne CSS sind untergeordnete Menüpunkte NACH RECHTS eingerückt.

Wie kann ich es mit hilfe von CSS hinbekommen, dass die Erste Ebene (Punkt1) rechts sitzt und die unterpunkte sich NACH Links staffeln.

Der Anfangspunkt des Untermenüpunktes liegt vor (links von) dem Anfangspunkt des Übergordneten Punktes

Also quasi einfach umgekehrt gestaffelt.

Geht das überhaupt?

Gruß
Martin

[Beat]

Mit negativen margins.

mfg Beat