✔ mootools: getSize() erkennt width nicht richtig

[campari]

In ein div wird per Ajax HTML geladen. Vorher und nachher wird mit getSize() die Breite/Höhe ausgelesen, um damit Morph zu füttern. Height läuft einwandfrei, aber die Breite wird nicht aktualisiert erkannt und bleibt immer auf dem Anfangswert:

var i=1;
function getDir() {
	var oSize = $('inner').getSize();
	$('inner').innerHTML = $('inner').innerHTML + '<div style="width:' + (100 * i) + 'px;">a</div>b';
	var oSize2 = $('inner').getSize();
	var myEffect = new Fx.Morph('outer', {duration: 500, transition: Fx.Transitions.Sine.easeOut});
	myEffect.start({
		'height': [oSize.y, oSize2.y],
		'width': [oSize.x, oSize2.x]
	});
	i++;
}

<div id="upload">
	<input type="text" onclick="getDir();">
	<div id="outer">
		<div id="inner"></div>
	</div>	
</div>

Im Anhang kleines Beispiel.

Zweite Baustelle, eher CSS: div#outer hängt in manchen IE Versionen rechts vom input-Feld, obwohl es absolut gesetzt ist. Es soll direkt unterhalb von input liegen. Wo denk ich hier falsch?

Gruss und Danke

 

[campari]

#inner > position:absolute;
input > display:block;

thx 2 myself