Hi
I've recently got myself the web space and the domain name for a web site Im building for a friend. Im really pleased with the progress so far, even though theres loads of work to do, as this is the first website I've ever built. However, now that the site is actually running I cant seem to view arguably the most important page. All the other pages work fine, but with this page I get a blank white square within the iFrame in which its meant to appear. Some people can view the page fine, but from my computer and others its bust. This only happens when viewing the actual webpage, not viewing it from local files.

The problem sounds like its some sort of security/browser/javascript issue. More specifically, I think its the slideshow and the drop down menu thats causing the problem, as when I remove them (both, removing just one doesnt change anything) I can view the page fine. If anyone could point to what exactly might is causing the problem and how i could resolve it, that would be great.

The sites URL is www.vintageneedles.co.uk , and the page in question is 'The Girls'. Below is the code for the page. Thanks

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="../bulktext.css" rel="stylesheet" type="text/css">

<script>
var slideShowSpeed = 4000
var crossFadeDuration = 10
var Pic = new Array() 
Pic[0] = 'slide1.png'
Pic[1] = 'slide2.png'
Pic[2] = 'slide3.png'
var t
var j = 0
var p = Pic.length
var preLoad = new Array()
for (i = 0; i < p; i++){
   preLoad[i] = new Image()
   preLoad[i].src = Pic[i]
}

function runSlideShow(){
   if (document.all){
      document.images.SlideShow.style.filter="blendTrans(duration=2)"
      document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
      document.images.SlideShow.filters.blendTrans.Apply()      
   }
   document.images.SlideShow.src = preLoad[j].src
   if (document.all){
      document.images.SlideShow.filters.blendTrans.Play()
   }
   j = j + 1
   if (j > (p-1)) j=0
   t = setTimeout('runSlideShow()', slideShowSpeed)
}
</script>

<STYLE>
<!--
body {
SCROLLBAR-ARROW-COLOR: #E4287C;
SCROLLBAR-FACE-COLOR: #382D2C;
SCROLLBAR-SHADOW-COLOR: #B38481;
SCROLLBAR-3DLIGHT-COLOR: #000000;
SCROLLBAR-TRACK-COLOR: #B38481;
SCROLLBAR-DARKSHADOW-COLOR: #000000;
}

</STYLE>

</head><body onload="runSlideShow()" class="BulkText"><form name="jump" font color="#B38481" 
size="2" face="Garamond"></form>
 
<table width="30%" border="0" align="center" cellpadding="10" cellspacing="0">
  <tr> 
    <td><div align="center"><font face="Bookman Old Style"><img src="thegirls.gif" width="155" height="39"></font></div></td>
  </tr>
  <tr> 
    <td><div align="center"><img src="slide1.png" name='SlideShow' width=328 height=264 border="3"></div></td>
  </tr>
  <tr> 
    <td><div align="center" cellpadding="10"> 
        <select name="menu" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO" style="BACKGROUND: #342826; BORDER-BOTTOM: outset; BORDER-LEFT: 
outset; BORDER-RIGHT: outset; BORDER-TOP: outset; COLOR: #B38481; FONT-FAMILY: 
Garamond; FONT-SIZE: 16px" align="absmiddle">
          <option value="girls.htm">Select a model</option>
		  <option value="phoebe/Phoebe.htm">Phoebe</option>
          <option value="cloud/Cloud.htm">Cloud</option>
        </select>
      </div></td>
  </tr>
  <tr> 
    <td><div align="center">Welcome to Vintage Needles </div></td>
  </tr>
</table> 
<tr> 
      <td colspan="2"><p>&nbsp;</p></td>
</tr>
</body>
</html>