gefülltes Textfeld wird geleert, bei DIV-Änderung

[Pacsay]

Hallo Zusammen,

habe ein Problem für welches ich bisher keine Lösung gefunden habe (und ich hoffe, das es nicht nur an der Suche liegt ;)

Wenn ich in einem DIV ein Textfeld habe und dort was reinschreibe, danach jedoch den Inhalt des DIVs verändere (genau genommen etwas hinzufüge) wird das Textfeld dummerweise im Firefox geleert (Im IE passiert das nicht).

Steht jedoch von vorne herein etwas in diesem Textfeld ist dies nicht der Fall.

Hat jemand den Grund für dieses Verhalten bzw. eine gute Idee, wie ich das Problem gelöst bekomme?

Vielen vielen Dank schonmal im voraus (bin schon ganz verzweifelt)

liebe Grüße...

PS: Ich habe mal einen Beispielcode hier beigefügt:

  
<div id="test1">  
<input type="text" />  
<br />  
</div>  
  
<br />  
<span onclick="javascript:document.getElementById('test1').innerHTML += 'Textfeld ist nun leer :(';">Was in das Textfeld schreiben und hier klicken</span>  
<br />  
<br />  
  
##### JEDOCH ##################################################################################  
  
<br />  
<br />  
<div id="test2">  
<input type="text" value="hier steht schon was drinn" />  
<br />  
</div>  
  
<br />  
<span onclick="javascript:document.getElementById('test2').innerHTML += 'Textfeld bleibt gef&uuml;llt :(';">trotzdem hier klicken</span>  
<br />  
<br />