margin-left, <li> beeinflusst nachfolgendes <p>

[Axel]

Hallo zusammen,

in der CSS-Datei habe ich folgendes stehen:

p, ul, li {margin-left: 10%;}

innerhalb einer <td> habe ich mehrere <p>-Tags, dann eine Passage mit
<ul>
<li>bla1</li>
<li>bla2</li>
<ul>
Die Listenpunkte werden eingerückt zu den darüberliegenden <p>-Tags angezeigt.

Das Problem ist jetzt, das ein nachfolgender <p>-Tag, unter den Listenpunkten nicht wieder die 10% vom Rand der <td> annimmt, sondern gleich eingerückt wird, wie die Listenpunkte.
Also:

Absatz1
     Absatz2
        Listenpunkt1
        Listenpunkt2
        Absatz3

Gewollt ist aber:

Absatz1
     Absatz2
        Listenpunkt1
        Listenpunkt2
     Absatz3

Eigentlich müssten die 10% doch unabhängig greifen, weil die Elemente <p> und <li> hintereinander liegen und nicht ineinander verschachtelt sind, also grundsätzlich vom darüberliegenden Element <td> ausgehend.

Wie bekomme ich es hin, dass der Absatz3 den gleichen Abstand annimmt, wie die über den Listenpunkten liegenden Absätze?

Achja, eine Trennung per zusätzlicher Tabelle sollte es möglichst nicht sein. ;-)

Gruß Axel