Probleme mit float/overflow bei appendChild

[Eik]

Okay.

In Html gibt es ein Formular zum eingeben der Werte für die neue Box. Per ( onClick ) wird die Funktion zum erstellen aufgerufen ->

  
function newBox()  
{  
  
//Variablen einlesen  
  
if (weite == '' || hoehe == '')  
   {  
   alert('width und height müssen einen wert enthalten!');  
   }  
  
   else  
      {  
      box = document.createElement('DIV');  
      box.style.width = weite;  
      box.style.height = hoehe;  
      box.style.backgroundColor = 'white';  
      box.style.float = 'left';  
      document.getElementById('ziel').appendChild(box);  
      alert(document.getElementById('ziel').innerHTML);  
      }  
}  

Zielobjekt sieht so aus ->

<div id="ziel" class="kontent"></div>
overflow:scroll; per ext. css festgelegt.

-----

Ist alles noch recht einfach da ich mich erstmal rantasten muss .