Was mich ein wenig wundert, ist der Umstand, dass du hinter dem Link eine Pipe (|) notierst. Die Links, die in dem Menü notiert sind, bekommen ihre Pipe-Trenner über ihre Container, die sie umfassen (<li></li>), automatisch verpasst. Steht das Formular nicht in einem (<li></li>)?

Hallo Auge,

WOW, du schaust aber genau hin.
Ich habe tatsächlich <li></li> rausgenommen, weil das Pipe-Zeichen andernfalls um eine Zeile nach unten gerutscht wäre, und ich zu bequem war, die Ursache im CSS zu suchen. Klar, ein <form></form> innerhalb einer ul ist nicht valide.
Ich hab' nochmal nachgebessert:

<li>
<form style="display:inline;"  method="post" action="//webdesign.weisshart.de/chat/" name="user_trans">
<input type="hidden" name="username" value={$user}>
<a style="margin-right:0;" href="javascript:document.user_trans.submit()">Chat</a>
</form>
</li>

Jetzt passt es.
Danke für deine Hilfe.