I have a problem. Trying to open a page at 640x480. I'm using JaVAscript to open a new window at the correct size. It works fine on a PC with IE and NetScape, but when I tried to open it on a mac (with IE) - spaces or breaks show up to the right and on the bottom of the page. I have used several different scripts and cleaned and changed the html several times- BUT THEY STILL SHOW UP! Below is the link to the page and the code for the main page and the pop-up page. If you look at this on a mac or have had a similar problem - PLEASE HELP! I might have to chage the layout of the site completely - I dont know.

LINK TO PAGE -
http://www.animaldisguise.com/a

Index Code -
<html>
<head>
<title>ADULT.</title>
<style type="text/css">
.bord { border: 10px #000000 solid}
-->
</style>
<script language="JavaScript">
var newWin = null;
function popUp(strURL, strType, strHeight, strWidth) {
if (newWin != null && !newWin.closed)
newWin.close();
var strOptions="";
if (strType=="console")
strOptions="resizable,height="+
strHeight+",width="+strWidth;
if (strType=="fixed")
strOptions="status,height="+
strHeight+",width="+strWidth;
if (strType=="elastic")
strOptions="toolbar,menubar,scrollbars,"+
"resizable,location,height="+
strHeight+",width="+strWidth;
newWin = window.open(strURL, 'newWin', strOptions);
newWin.focus();
}
<!--
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);
// -->
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<p>&nbsp;</p>
<table border="0" cellspacing="0" cellpadding="10" align="center" class="bord" width="50%">
<tr>
<td align="center" valign="middle">
<p align="left"><font size="1" face="Arial, Helvetica, sans-serif">Grammatical
Tips for using the band name <b>ADULT.</b> </font></p>
<p align="left"><font size="1" face="Arial, Helvetica, sans-serif"><b>ADULT.</b>
is always spelled with a period (full stop) at the end, even in the
middle of a sentence. <i><br>
For example/i> I think the band ADULT. rule. </font></p>
<p align="left"><font size="1" face="Arial, Helvetica, sans-serif">When
ADULT. falls at the end of a sentence, there is to be only one period,
never two. <br>
<i>For example/i> I hate <b>ADULT.</b> </font></p>
<p align="left"><font size="1" face="Arial, Helvetica, sans-serif">When
ADULT. is possessive, it should appear with the period, before the apostrophe.
<br>
<i>For example/i> I love <b>ADULT.</b>'s new album. </font></p>
<p align="left"><font size="1" face="Arial, Helvetica, sans-serif">The
same rule applies for commas. <br>
<i>For example/i> When I listen to <b>ADULT.</b>, I get a headache.
</font></p>
<p align="left"><font size="1" face="Arial, Helvetica, sans-serif">And
when not used in a sentence, it should appear as below: <b>ADULT. </b></font><font size="2" face="Arial, sans-serif, Helvetica"><b></b></font></p>
</td>
</tr>
<tr>
<td align="center" valign="middle"><a href="HOME.htm"
onclick="popUp(this.href,'console',480,640);return false;"
target="_blank"><img src="images/a_period.gif" width="110" height="92" border="0"></a></td>
</tr>
</table>
</body>
</html>



POP-UP Window CODE-
<html>
<head>
<title>ADULT.</title>
<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);
// -->
</script>
</head>
<body bgcolor="#CCCCCC" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" hspace="0" vspace="0">
<table border="0" cellpadding="0" cellspacing="0" width="640" align="center" height="480">
<tr>
<td rowspan="3" width="435" background="images/indexmain.jpg"><img name="indexmain" src="images/indexmain.jpg" width="435" height="480" border="0" usemap="#indexmainMap"></td>
<td width="205" background="images/indtop.jpg"><img name="indtop" src="images/indtop.jpg" width="205" height="81" border="0"></td>
</tr>
<tr>
<td width="205" background="images/indtop.jpg"><img name="indskull" src="images/indskull.jpg" width="205" height="99" border="0"></td>
</tr>
<tr>
<td width="205" background="images/indbott.jpg"><img name="indbott" src="images/indbott.jpg" width="205" height="300" border="0"></td>
<map name="indexmainMap">
<area shape="rect" coords="285,160,357,177" href="contact.htm">
<area shape="rect" coords="286,135,353,152" href="photo.htm">
<area shape="rect" coords="283,110,359,126" href="relases.htm">
<area shape="rect" coords="291,87,344,103" href="tour.htm">
<area shape="rect" coords="291,61,344,77" href="news.htm">
<area shape="rect" coords="383,207,438,248" href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('indskull','','images/indskull_over.jpg',1)">
</map>
</tr>
</table>
</body>
</html>