HOW TO CENTER DIV WITH ABSOLUTE POSITION?

[onenonly]

I tried using CSS

 

left: 50%;

margin-left: <half image width>;

 

But i need margin left to be dynamic because I will be using different images

the width of each image is different so i need to change margin left everytime

 

I tried using javascript

document.getElementById('box').style.marginleft = myImage.width/2;

this doesnt work

 

any idea on best way of achieving this?

[onenonly]

nevermind i got it

 

var box = document.getElementById('box');

 

  box.style.marginLeft = -myImage.width/2;

 

  including css with absolute position left:50%;