Window problems

hello.
i have 2 problems with my site…the first problem is that i would like to get rid of this grey border i have on the top and left hand side of the pop up window after you click ‘ENTER’.
the second problem is that i would like that pop up window to open in the center of the screen and not to the top-left can anyone help me, here is the link:
www.archi-tectonics.com/2.html

and here is the html code:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Archi-Tectonics, a web environment</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
function Launch(page) { 
OpenWin = this.open(page,"random_bgmovies", "status=no,menubar=no,toolbar=no,titlebar=no,directories=no,location=no,scrollbars=no,copyhistory=no,scrollable=no,resizable=yes,left=0,top=0,toolbar=no,menubar=no,location=no,scrollbars=no,left=0,top=0,resizable=no,width=1024,height=768"); 
}
function expand() {

	if (document.all) {
   		initW = document.body.clientWidth;
   		initH = document.body.clientHeight;
		}
	else if (document.layers) {
   		initW = window.innerWidth;
   		initH = window.innerHeight;
	}
	if (window.screen) {
   		var aw = screen.availWidth;
    	var ah = screen.availHeight;
    	window.moveTo(0, 0);
    	window.resizeTo(aw, ah);
    	
	}

}
// -->
</script>
<link rel="stylesheet" href="css/styles.css" type="text/css">
</head>

<body bgcolor="#5B818C">
<table width="100%" height="100%" border="0" align="center" cellpadding="0"  cellspacing="0"  leftmargin="0" marginwidth="0" marginheight="0">
 <tr valign="middle" align="center">
 <td>
<p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
<table width="800" height="600" border="0" align="center" scrollbars="no" leftmargin=0 marginwidth=0 marginheight=0>
  <tr>
        <td><img src="NEWhtml-page.jpg" width="800" height="600" border="0" usemap="#Map">
          <map name="Map">
            <area shape="rect" coords="224,222,303,243" href="javascript:Launch('random_bgmovies.html')">
            <area shape="rect" coords="233,391,304,404" href="http://www.macromedia.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" target="_blank">
            <area shape="rect" coords="207,438,305,451" href="mailto:[email protected]" target="_blank">
          </map></td>
  </tr>
</table>
<p>&nbsp;</p>
<table height="100%" width="100%" cellpadding="0" cellspacing="0" border="0"> 
    <tr>
<td align="Center" valign="Middle">
</body>
</html>

thanks.
jonathan