IE verhält sich seltsam bei Breiten von INPUT-Feldern

[Öffne diese HTML-Datei im Internet Explorer, sie wurde getestet auf IE 5.5]
[Im Firefox oder Netscape funktioniert es problemlos]
Zu diesem Problem gibt es einen Thread im SELFHTML-Forum.

PROBLEMSTELLUNG:
Ich habe ein PHP-Script, das in ein INPUT-Feld eine Zeichenkette als Value
reinschreibt.
Die Länge der Zeichenkette ist nicht voraussehbar, weil es sich um eine
Benutzer-Eingabe handelt, welche in der Datenbank gespeichert wird und
beim späteren Editieren in eben dieses Feld als Default-VALUE eingetragen
werden muss.

Diese Test-Seite soll zeigen, dass ein INPUT-Feld beim IE überlang wird,
wenn der INPUT-Tag im STYLE-Attribut den Wert "width:100%;" enthält
(was das Feld an die Breite der Tabelle anpassen soll), der VALUE ein
langer String ist, welche nur 'normale' Zeichen enthält
Um es deutlich zu sagen: GEWÜNSCHT ist, dass die Tabelle Ihre
300 Pixel Breite (kleinere Breite) beibehält und NICHT ausbricht.

Demonstration 1: Der Problem-Fall
- Test-Text enhält NUR normale Zeichen, KEIN UMLAUT.
-> Feld bricht aus!

Das ist ein Test, der eine gewisse Breite hat und innerhalb der Tabelle umbrechen sollte.
DIV zum Breiten-Vergleich = 300 Pixel.

Demonstration 2: KEIN Problem
- Test-Text enhält jetzt EINEN UMLAUT (Länger statt Langer).
-> Feld bricht NICHT aus!

Das ist ein Test, der eine gewisse Breite hat und innerhalb der Tabelle umbrechen sollte.
DIV zum Breiten-Vergleich = 300 Pixel.

Demonstration 3: KEIN Problem (Es liegt nicht an der Entity):
- Test-Text enhält jetzt EINEN UMLAUT allerdings ein 'echtes' ä (Länger statt Länger).
-> Feld bricht NICHT aus!

Das ist ein Test, der eine gewisse Breite hat und innerhalb der Tabelle umbrechen sollte.
DIV zum Breiten-Vergleich = 300 Pixel.

Demonstration 4: Problem-Fall
(Nummern-Entity bei normalen Zeichen funktioniert auch nicht!)
- Test-Text enhält nur 'normale' Zeichen, KEIN UMLAUT.
- Test-Text enhält jetzt EIN Nummern-Entity (Langer statt Langer).
-> Feld bricht aus!

Das ist ein Test, der eine gewisse Breite hat und innerhalb der Tabelle umbrechen sollte.
DIV zum Breiten-Vergleich = 300 Pixel.

Demonstration 5: Problem-Fall
(HEX-Entity bei normalen Zeichen funktioniert auch nicht!)
- Test-Text enhält nur 'normale' Zeichen, KEIN UMLAUT.
- Test-Text enhält jetzt EIN HEX-Entity (Langer statt Langer).
-> Feld bricht aus!

Das ist ein Test, der eine gewisse Breite hat und innerhalb der Tabelle umbrechen sollte.
DIV zum Breiten-Vergleich = 300 Pixel.

Demonstration 6: Bedingt ein Problem-Fall
(Nur als Check, denn die Seite soll ohne Javascript funktionieren.)
- Der INPUT VALUE ist zuerst leer und der Test-Text wird dann
  per Javascript (beim Click auf den unteren Link) nachträglich
  eingetragen.
- Test-Text enhält nur 'normale' Zeichen, KEIN UMLAUT.
-> Feld bricht NICHT aus!

Das ist ein Test, der eine gewisse Breite hat und innerhalb der Tabelle umbrechen sollte.
DIV zum Breiten-Vergleich = 300 Pixel.

INPUT in der Demonstration 6 via DOM füllen!

DAS ALLER KOMISCHSTE

Versuche mal folgendes im IE:
1. Lade die Seite original durch Eingabe der URL in der Addressbar.
2. Dann klicke auf den folgenden Link: INPUT 6 via DOM füllen!.
    - Resultat: Text wird eingetragen und macht das Feld NICHT breiter.
3. Dann klicke auf den "Aktualisieren"-Button im Browser.
    - Resultat: Plötzlich wird das INPUT-Feld, das den Text
      immer noch eingetragen hat, verbreitert.
Ist das nicht SELTSAM????


HILFE!

Hat jemand eine Erklärung dafür???

Wenn ja, bitte poste sie im betreffenden Thread im SELFHTML-Forum.