Menüanimation funktioniert einzeilig nicht

Hallo zusammen!

Ich arbeite grade an meiner 2. typo3 Seite und habe folgendes Problem:

typo3 generiert mit den Code des Menüs komplett in einer Zeile. Damit scheint das javascript für die Menüanimation aber ein Problem zu haben!

Hier alles in einer Zeile:
http://pagehoster.org/lala/test2.html

Das gleiche von mir pe Hand getrennt:
http://pagehoster.org/lala/test.html

Offensichtlich ist es das gleiche. Nur einmal funktioniert die Menüanimation richtig, einmal nicht! Ist es möglich bei den wraps für die Menügenerierung Neue Zeilen einfügen zu lassen?

Mein aktuelles script für die Navigation:

Code:

  subparts.MENU = HMENU
  
  subparts.MENU.1 = TMENU
  subparts.MENU.1 {
  noBlur = 1
  expAll = 1
  NO.allWrap = <li> |
  }  
  subparts.MENU.1.ACT = 1
  subparts.MENU.1.ACT {
      allWrap = <li id="active"> | 
  }
  
  subparts.MENU.2 = TMENU  
  subparts.MENU.2.wrap = <ul>|</ul></li>
  subparts.MENU.2.NO.allWrap = <li> | </li>
  subparts.MENU.2.expAll = 1
  subparts.MENU.2.noBlur = 1

Zum verrückt werden... Die zugehörige javascript-Datei findet Ihr im Quellcode als absoluten Link.

Hier die Seite nochmal im typo3 selbst, wo eben das Menü falsch animiert wird, weil alles in einer Zeite im Quellcode des HTML Dokumentes steht:

Anne

(Bei der Gelegenheit, der IE stellt die Seite sogar noch schlimmer dann dar...)

Weiss jemand Rat???

Habs selber hinbekommen:

Also Lösung einfach statt

wrap = <li> | </li>

besser:

wrap (
<li>|
</li>)