Ayuda con funcion para hacer vibrar un div

[Tecktonikrazy]

Hola, estoy haciendo un script para hacer vibrar un div. Este es el codigo:

HTML:

Código HTML:

<div id="box"></div>

<input type="button" value="Zumbido" onclick="buzz()"> 

CSS:

Código CSS:

#box{
position: relative;
top: 0;
left: 0;
width: 100px;
height: 100px;
background: #AAAAAA;
border: 1px solid #777777;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
 

JAVASCRIPT:

Código Javascript:

var buzzed = document.getElementById('box');
 
function buzz(){
 
buzzed.style.top = 5;
 
setTimeout("buzzed.style.left = 5;",50);
 
setTimeout("buzzed.style.bottom = 5;",50);
 
setTimeout("buzzed.style.right = 5;",50);
 
setTimeout("buzzed.style.top = 5;",50);
 
setTimeout("buzzed.style.left = 5;",50);
 
setTimeout("buzzed.style.bottom = 5;",50);
 
setTimeout("buzzed.style.right = 5;",50); 
}
 

Lo que hace la funcion buzz() es cambiar el valor de la propiedad css "top" a 5, de "left" a 5 y asi continuamente 2 veces, dando el efecto de que el div "box" esta vibrando, pero no me funciona, lo unico que pasa al dar click en el boton es que solo se mueve 5 pixeles hacia abajo y 5 hacia la derecha y nada mas, ahi se queda, cual es el problema? o de que otra forma puedo hacer esta funcion?