Position abhängig von dynamischer Breite des Elternelements

[siGGi]

Hi Leute,

ich möchte ein aufklappbares Menü mit unbegrenzt vielen Untermenüs erstellen. Der JS Code ist soweit fertig, aber mit der Positionierung der Untermenüs habe ich noch Probleme. Das Menü befindet sich in einer Liste, um die Formatierung zu vereinfachen.

<ul>
  <li>
    Menü 1
    <ul>
      <li>
        Untermenü 1 von Menü 1
      </li>
      <li>
        Untermenü 2 von Menü 2
      </li>
    </ul>
  </li>
  ...
</ul>

Kann ich irgendwie (möglichst über CSS) die Position eines Untermenüs, abhängig von dem entsprechenden übergeordneten Menü, festlegen? Die Breite des übergeordneten Menüs ist variabel und abhängig von dem verwendeten Platz des Inhalts.
Ich wüsste, wie das ganze über JS funktioniert, aber CSS wäre da die elegantere Methode, um auch eventuelle Design-Veränderungen zu vereinfachen (keine Änderungen am JS-Code).

Wäre genial, wenn mir dafür jemand eine Lösung bereitstellen könnte.