Problem umiestnit DIV na presnu poziciu

Zdravim, mam jeden problem...
V kratkosti ide o to ze vytvaram v javascripte element DIV a chcem ho presne umiestnit na stranku. Problem je ze ked nastavim element.style.left = "225px" a element.top.style.top = "225px" tak mi ho neumiestni tam kde potrebujem...

kod je takyto jednoduchy:
<script type="text/javascript">

function createPositionedDrag() {
var panel= document.createElement("div");
var panelid = "draggableDiv";
panel.id = "test";
panel.innerHTML = "test";
panel.style.height="25px";
panel.style.width="25px";
panel.style.backgroundColor="GreenYellow";
panel.style.left ="225px";
panel.style.top ="225px";
document.form1.appendChild(panel);
}
</script>

a volam to na kliknutie buttona:
<input type="button" value="tesst" onclick="createPositionedDrag();" style="background-color: gray" />

problem je ze mi to umiestni vpravo hore a nie tak kde som mu nastavil...
co robim zle? vie niekto poradit?
dik

ok uz som nato prisiel
som tam zabudol:
panel.style.position = "absolute";

mozte to zmazat
diky