/CSS: li in li? Einfaches dumm gefragt.

[Rätselknacker]

Irgendwie stehe ich auf dem Schlauch.

In der Liste der HTML-Elemente steht etwas anderes als in den ausführlichen Beistpielen und deren Erklärungen.

Zum einen heißt es:
"Zwischen <li> und </li> darf eine komplette weitere Liste stehen. Auch andere Listentypen sind dabei erlaubt."

Ok.

In der Element-Referenz steht:

"li:
[...]
2. bei ol und ul:
[Block-Elemente] | [Inline-Elemente]"

Das bedeutet doch ich kann folgendes tun:

<ul>
   <li><a href="#a">a</a></li>
   <li>Peter</li>
   <li><img src="URL"></li>
   <li>
      <li>1</li>
      <li>9</li>
      <li>B</li>
   </li>
   <li>Hase</li>
</ul>

die li's im li sind ja Inline-Elemente. Also erlaubt. oder doch verboten?

Alle Beispiele von verschachtelten Links nutzen aber eine weitere ul im li. Wieso?

Mein Problem ist u. a. dass:

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

dazu führt dass ein <p></p> nach er Liste nicht mehr das margin hat. ähm wie soll ich es erklären...

wenn ich die innere ul weg lasse hat ein <p></p> der nach der Liste kommt den korrekten Abstand, unter dem letzten li.

Verschachtel ich zwei ul's fehlt der Abstand, bzw Opera und Firefox scheinen den Abstand vom ersten li aus zu setzen. Ich würde erwarten dass der Abstand zum letzten li gehalten wird.

Wenn ich den Blockelementen mit CSS eien Outline gebe sind li's der inneren ul ausserhalb der Outline.

Keine Ahnung ob man versteh was ich meine...