Hallo,
Deine Listen-Struktur im HTML stimmt nicht.
Warum sollte sie nicht? Hier einmal etwas sinnvoller eingerückt:
<ul id="nav">
<li><a href="#">Punkt1</a></li>
<li><a href="#">Punkt2</a></li>
<li>
<ul>
<li><a href="#" >Punkt2.1</a></li>
<li>
<ul>
<li><a href="#" >Punkt2.1.1</a></li>
</ul>
</li>
</ul>
</li>
</ul>
>
> Hierbei ist alles in Ordnung.
Von der HTML-Verschachtelung her schon, aber von der Semantik her doch nicht. Der Punkt2.1 gehört doch wohl zum Punkt2 und nicht in einen eigenen Listenpunkt. Also doch eher so:
~~~html
<ul id="nav">
<li><a href="#">Punkt1</a></li>
<li><a href="#">Punkt2</a>
<ul>
<li><a href="#" >Punkt2.1</a>
<ul>
<li><a href="#" >Punkt2.1.1</a></li>
</ul>
</li>
</ul>
</li>
</ul>
viele Grüße
Axel