hallo,
Warum ist "Tschüss" ausserhalb der li-box?
Weil du ein <p> davorgesetzt hast. Das ist ebenfalls, genauso wie <li>, ein Blockelement, das seinen eigenen Absatz erzeugt. Laß das weg, oder formatiere einen Zwischenraum mit CSS, falls der dir so wichtig ist.
Scheinbar zerstöre ich mit einem <p> das komplette Listen-Element.
"Zerstören" kannst du es nicht. Aber da du Blockelemente nicht ineinander verschachteln kannst und <li> als eines der sehr wenigen HTML-Elemente nicht unbedingt "geschlossen" werden muß, reagieren die Browser so, als sei deine Liste nunmehr beendet und als fange darunter nun ein neuer Absatz an.
Grüße aus Berlin
Christoph S.