Page loading slow..

**Teensweb** · 02-17-2009 03:30 AM

I have an html file
with the following code:

Code:

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org">
<title>Template3</title>

<style type="text/css">
body {
margin : 3px;
padding : 3px;
background-color : #6dcafe ;
background: url(Images/b-g.png);
background-repeat: repeat-x;
} 
</style>

<script language="JavaScript" type="text/javascript">
<!--
function FP_swapImg() {
 var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
 n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
 elm.$src=elm.src; elm.src=args[n+1]; } }
}

function FP_getObjectByID(id,o) {
 var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
 else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
 if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
 for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
 f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
 for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
 return null;
}
// -->
</script>
<style type="text/css">
 div.c11 {position: absolute; width: 1019px; height: 73px; z-index: 3; left: 0px; top: 0px}
 div.c10 {position: absolute; width: 383px; height: 52px; z-index: 4; left: 39px; top: 24px}
 span.c9 {color: #FFFFFF; font-size: larger}
 div.c8 {position: absolute; width: 637px; height: 310px; z-index: 1; left: 150px; top: 120px}
 div.c7 {position: absolute; width: 1010px; height: 31px; z-index: 1; left: -214px; top: 623px}
 div.c6 {position: absolute; width: 278px; height: 26px; z-index: 1; left: 372px; top: 10px}
 span.c5 {color: #FFFFFF}
 span.c4 {font-family: Times New Roman}
 div.c3 {position: absolute; width: 186px; height: 282px; z-index: 1; left: -349px; top: -605px}
 div.c2 {position: absolute; width: 100px; height: 100px; z-index: 1; left: 895px; top: 0px}
 div.c1 {position: absolute; width: 180px; height: 100px; z-index: 1; left: -641px; top: 0px}
</style>
</head>
<body>
<div class="c10" id="layer4">
<div class="c8" id="layer5">
<div class="c7" id="layer6">
<div class="c6" id="layer7">
<div class="c3" id="layer8">
<div class="c2" id="layer9">
<div class="c1" id="layer10">Content goes here...</div>
<img border="0" src="Images/right.png" width="140" height="350" alt=""></div>
<img border="0" src="Images/left.png" width="139" height="356" alt=""></div>
<strong><span class="c5">Copyright <span class="c4"> 2009 Your webpage*</span></span></strong></div>
<img border="0" src="Images/end-bar.png" width="1044" height="36" alt=""></div>
<img border="0" src="Images/canv.png" width="627" height="395" alt=""></div>
<span class="c9">Logo goes here...</span></div>
<div class="c11" id="layer3"><img border="0" src="Images/navbig.png" width="497" height="97" alt=""><img border="0" src="Images/toolbarleft.png" width="77" height="97" alt=""><img border="0" id="img1" src="Images/Tabs/home1.png" alt="Home" onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'Images/Tabs/home2.png')" onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'Images/Tabs/home1.png')" onmousedown="FP_swapImg(1,0,/*id*/'img1',/*url*/'Images/Tabs/home1.png')" onmouseup="FP_swapImg(0,0,/*id*/'img1',/*url*/'Images/Tabs/home2.png')" name="img1"><img border="0" id="img2" src="Images/Tabs/down1.png" alt="Downloads" onmouseover="FP_swapImg(1,0,/*id*/'img2',/*url*/'Images/Tabs/down2.png')" onmouseout="FP_swapImg(0,0,/*id*/'img2',/*url*/'Images/Tabs/down1.png')" onmousedown="FP_swapImg(1,0,/*id*/'img2',/*url*/'Images/Tabs/down1.png')" onmouseup="FP_swapImg(0,0,/*id*/'img2',/*url*/'Images/Tabs/down2.png')" name="img2"><img border="0" id="img3" src="Images/Tabs/extras1.png" alt="Extras" onmouseover="FP_swapImg(1,0,/*id*/'img3',/*url*/'Images/Tabs/extras2.png')" onmouseout="FP_swapImg(0,0,/*id*/'img3',/*url*/'Images/Tabs/extras1.png')" onmousedown="FP_swapImg(1,0,/*id*/'img3',/*url*/'Images/Tabs/extras1.png')" onmouseup="FP_swapImg(0,0,/*id*/'img3',/*url*/'Images/Tabs/extras2.png')" name="img3"><img border="0" id="img4" src="Images/Tabs/blog1.png" alt="Blog" onmouseover="FP_swapImg(1,0,/*id*/'img4',/*url*/'Images/Tabs/blog2.png')" onmouseout="FP_swapImg(0,0,/*id*/'img4',/*url*/'Images/Tabs/blog1.png')" onmousedown="FP_swapImg(1,0,/*id*/'img4',/*url*/'Images/Tabs/blog1.png')" onmouseup="FP_swapImg(0,0,/*id*/'img4',/*url*/'Images/Tabs/blog2.png')" name="img4"><img border="0" id="img5" src="Images/Tabs/login1.png" alt="Login" onmouseover="FP_swapImg(1,0,/*id*/'img5',/*url*/'Images/Tabs/login2.png')" onmouseout="FP_swapImg(0,0,/*id*/'img5',/*url*/'Images/Tabs/login1.png')" onmousedown="FP_swapImg(1,0,/*id*/'img5',/*url*/'Images/Tabs/login1.png')" onmouseup="FP_swapImg(0,0,/*id*/'img5',/*url*/'Images/Tabs/login2.png')" name="img5"><img border="0" src="Images/toolbarright.png" width="45" height="97" alt=""></div>
</body>
</html>

It works fine in ff but takes an hour to load in IE; even when it's located on my own computer! I cant figure out the problem.
Can anyone help me to?

The on who does will receive a rep from me....
Edit:
I did a w3 check; but dint find anything.......