A bit of a problem!

**RFH Customer: TonesUniverse.com** · 6th August 2008, 04:23 PM

Hi,

Sometimes when the index page of one of my websites loads up the mirror ball pic on the right doesn't line up properly and sometimes it does! Has anyone got any ideas what causes this to happen?

site is www.djmarkymark.co.uk

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Website of DJ Markymark, including contact details."/>
<meta name="keywords" content="DJ, Mark, Childs, Marky, music, gay, camp"/>
<meta name="author" content="Aaron Graeme Corkin"/>
<meta name="robots" content="all"/>
<title>DJMarkyMark.</title>
<link href="style2.css" rel="stylesheet" type="text/css" />
<!--[if IE 7]>
<style type="text/css">
#page #bar #navi {
 height: 18px;
    }
#page #bar {
 height: 18px;
}
</style>
<![endif]-->
 
<style type="text/css">
<!--
.style2 {color: #CC3300}
-->
</style>
<link href="style2.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="border"><div id="page"><div id="title"><img src="images/title.png" width="350" height="112" /></div>
<div id="bar">
 <div id="navi">
  <a class="activenavitab" href="index.html">Home</a><span class="hide"> | </span>       
  <a class="navitab" href="about.html">About me</a><span class="hide"> | </span>       
  <a class="navitab" href="viewer/index.html">Gallery</a><span class="hide"> | </span> 
  <a class="navitab" href="contact.html">Contact</a><span class="hide"> | </span> 
      <a class="navitab" href="find.html">Where to Find Me</a><span class="hide"> | </span> 
      <a class="navitab" href="links.html">Links</a><span class="hide"> | </span> 
 </div>
  </div>
  <div id="heading">welcome.</div>
  <div id="content">
   <div id="rightcol"><img src="images/side2.jpg" width="290" height="192" /><br />
         <img src="images/side6.jpg" width="290" hspace="0" vspace="5" /><br />
    </div>
    <div id="leftcol">
      <div align="center"><img src="images/zoomb.jpg" width="530" height="390" /></div>
    </div>
  </div>
    
    <div id="foot"> Design © Aaron Corkin 2008, All Rights Reserved.</div>
</div></div>
</body>
</html>