Das Problem sind eigentlich zwei Probleme:

Erstens, zum Eingabefeld: Dieses Phänomen tritt ab und zu in bestimmten Versionen des Internet Explorers auf. Es lässt sich lösen, indem man entweder in der Skin "Beitragsformular (Story.editForm)" die Angabe
class="formText"
für das Textarea entfernt, oder indem man im Stylesheet für formText eine fixe Pixelbreite definiert, zB

.formText {
width:500px;
}

(eine dritte Möglichkeit wäre, den Internet-Explorer wegzuwerfen... :) )

Zweitens, das "zerschossene Bild" nach dem Speichern hat nichts mit der Breite des Eingabefelds zu tun - es wird sich immer dann zeigen, wenn man mehr Zeichen ohne Leerzeichen eingibt, als die Textspalte breit ist. Ein Umbruch kann logischerweise nur bei einem Leerzeichen erfolgen. Um zu erzwingen, dass die Spalte auch ohne Leerzeichen nicht breiter wird als vorgegeben, kann man der Klasse "storyContent" im Stylesheet folgenden Zusatz geben:
overflow: hidden;
Dadurch werden die überstehenden Buchstaben sozusagen versteckt.