W jaki sposób moge porzerzać czasowo obiekt do pewnej wartości??

Sam wysmarowałem cos takiego jednak nie dziala pod IE

[PHP] pobierz, plaintext 
<?php
function obiekt() {
var obiekt = document.createElement('DIV');
obiekt.id='element';
obiekt.style.position='absolute'; 
obiekt.style.left='50px';
obiekt.style.top='50px';
obiekt.style.height='50px';
obiekt.style.background='red';
 
var kontener = document.getElementById('wrapper');
kontener.appendChild(obiekt);    
int=setInterval("roz(100);", 1);
}
 
var x = 0;
var z = 1;
function roz(y) {
    z++
    x=x+z;
 
    document.getElementById('element').style.width= x + 'px';
    if(xx>=y) {
        clearInterval(int);
 
    }
}
?>
[PHP] pobierz, plaintext 

A w IE jaki błąd zwraca? lepiej zamiast obiekt.id użyj setAttribute

Zadnego Zamyka przeglądarke

Wyłancza sie w IE ponizej wersji 7

moze mi ktoś powiedziec w jaki sposb osiagnać taki efekt jaki chciałem osiągnać lub w ostatecznosci polecic jakiegos frameworka??