Liste mit verschachteltem "overflow-x: hidden" versteckt den Listenzähler / point - warum / ist das ein Fehler?

http://jsfiddle.net/G46dK/

<ol>
    <li>
        <p>
            Moo
    <li>
        <p class="overflow-hidden">
            Moo
    <li>
        <p class="overflow-hidden">
            Moo
    <li>
        <p>
            Moo
</ol>

Mit dem beiliegenden CSS:

p.overflow-hidden {
    overflow-x: hidden;
}

Sie würden so etwas erwarten

MuhenMuhenMuhenMuhen

aber auf meiner Safari und Chrome ... die "2." und "3." sind versteckt (aber ihr "Moo" ist immer noch da):

Warum wirkt sich der Überlauf überhaupt auf den Listenzähler / -punkt aus? Es ist auf einem<p> tag das ist in der liste ... agh es tut meinem gehirn weh> <

Verliere ich den Verstand oder ist das ein Fehler?

Wenn es kein Fehler ist, kann es jemand erklären?

Ich stellte mir die "2" vor. gehört zu denli während dieoverflow-x: hidden wird auf das Kind angewendetp. Als solches, obwohl die "2." ist außerhalb derp... es hat keine Beziehung zuoverflow-x: hidden und sollte daher unberührt bleiben - aber das ist nicht der Fall .. Was ist der Fall?

Antworten auf die Frage(2)

Ihre Antwort auf die Frage