Hallo,
die Idee mit dem Padding für das innere ul sorgt schon einmal dafür, dass die Texte nicht mehr abgeschnitten werden. Eine Hintergrundfarbe anzugeben löst das Problem aber nicht, ja die alternierende Hintergrundfarbe der lis nicht fortgesetzt wird:
Außerdem werden Einträge immer noch unschön umgebrochen (1. und 2. Tessalonicher). Das Problem scheint ja irgendwo da zu liegen, dass die li-Elemente nicht mehr so breit sind wie nötig, wenn der umgebende Container auf overflow: auto oder scroll gesetzt ist. Mit show oder hidden haben die Elemente die richtige Länge.
Die Festsetzung auf 40em Maximale Höhe ist tatsächlich dumm, das muss ich zugeben. Was ist aber deine Alternative zu den scrollbaren Untermenüs? Alle Menüelemente sichtbar zu machen verschlingt meiner Meinung nach sehr viel Platz und macht das alles nicht übersichtlicher.
Das Problem das du nanntest, dass zum Scrollen im Übergeordneten Container (sprich body) übergegangen wird, ist natürlich ein Argument. Firefox macht das zum Glück erst, wenn man die Maus bewegt. Bei anderen ist dem leider nicht so. Was schlägst Du stattdessen vor?
Grüße,
Fabian.