Why is my dynamically-generated oval becoming a square?

function doit() {
 drawOval(100, 150, 90, 90);
 myOval = document.getElementById("newdiv");
} 

function drawOval(left, top, width, height) {
 if (document.createElement) {
   newdiv=document.createElement("div");
   newdiv.style.position="absolute";
   newdiv.style.left = left+"px";
   newdiv.style.top  = top+"px";
   newdiv.style.width = width+"px";
   newdiv.style.height = height+"px";
   newdiv.style.backgroundColor = 'red';
   newdiv.style.visibility = 'visible';
   newdiv.id = 'newdiv';
   document.body.appendChild(newdiv);
   }
 }

<input type="button" onClick="doit()" value="Do it">