pop up boks (ikke window) i javascript

Hejsa.
Jeg er igang med eller prøver på at lave en boks der skal poppe op på min hjemmeside. det gør jeg på den måde at jeg har en table som er skjult og når jeg vil havde den til at poppe op gør jeg den synlig igen. Det virker sådan set også udemærket, men problemmet er at jeg ikke kan få boksen til at side i midten af skærmen. Min kode ser sådan ud:

<script type="text/javascript">

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

  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }


myWidth = myWidth / 2;
myHeight = nyHeight / 2;

var box_height = box.style.height / 2;
var box_width = bow.style.width / 2;

box.style.top = myHeight - box_height;
box.style.left = myWidth - box_width;

function pop_up_show()
{
    box.style.visibility = 'visible';
}

function pop_up_hide()
{
    box.style.visibility = 'hidden';
}

</script>

Den måde jeg finder midten på er, at finde det antal pixels jeg har at lege med i browseren dividere det med 2 og trækker halvdelen af boksen størrelse fra(så skulle man gerne finde midten. Men der er åbenbart ikke nogen function der hedder style.top eller style.left (eller hvad?).

Jeg ved ikke om jeg griber det helt forkert an eller om jeg er på rette spor. hvis der nogen der ved hvordan man laver sådan en boks på en helt anden måde vil jeg også gerne vide det.

MVH Nicklas