position relative moving other cells in table

[Bryan Spector]

Hi, if you look at my website, www.setientprod.com/index.php I have a rotation script inside of a table but it is resizing the background of the neighboring cells. It is positioned with relative not absolute but the script is resizing the background for some reason. Can some please help me with this?


Here is the code

<center>
<TABLE 
WIDTH="1080" HEIGHT="100"
CELLSPACING="0" CELLPADDING="0" 
BGCOLOR="#FF0000">

	<TR>

<!--//////BEGIN Rotate/Rotation Script,
If anything is added to the Body, these positions MUST
be adjusted! The floating quote generator will mess up 
if anything is removed or added...//////-->
<TD>
		<div 
		style="position:relative; 
		width:100%;
		height:100%; 
		right:30; 
		top:95;">

<?PHP
	include ("rotate.php");
?>

		</div>
</TD>
<!--//////END Rotate/Rotation Script//////-->

<!--//////BEGIN SPACER//////-->
<TD><img width="100" height="100" src="http://sentientprod.com/images/rotate13.png"></TD>
<!--//////END SPACER//////-->

<!--//////BEGIN RECENT VIDEOS PICTURE//////-->
<TD><img width="100" height="100" src="http://sentientprod.com/images/rotate13.png"></TD>
<!--//////END RECENT VIDEOS PICTURE//////-->

<!--//////BEGIN VIDEOS EMBED CODE//////-->
<TD>

<?PHP
	include ("vplayer.php");
?>

</TD>
<!--//////END VIDEOS EMBED CODE//////-->

	</TR></TABLE>
	<TABLE WIDTH="1080"
CELLSPACING="0" CELLPADDING="0" 
BGCOLOR="#FF00FF"><TR>

<!--//////BEGIN RECENT IMAGE//////-->
<TD><img width="1080" height="250" src="http://sentientprod.com/images/rotate13.png"></TD>
<!--//////END RECENT IMAGE//////-->

	</TR>
	<TR>

<!--//////BEGIN NEWS TITLES//////-->
<TD><img width="1080" height="60" src="http://sentientprod.com/images/rotate13.png"></TD>
<!--//////END NEWS TITLES//////-->

	</TR>
</TABLE>
</center>

[Bryan Spector]

And here is the rotation code:

<!--Coded by Bryboy, Sentient Productions, 2011.
						Enter any quotes or phrases here, 94 Character LIMIT-->
						
						<!-- INSERT THIS CODE INTO NEW LINE
						image[number++] = ""
						INSERT ABOVE CODE INTO NEW LINE-->	
						
								
	<div style="font-family: serif;
								width: 130px;
   								word-wrap: break-word;

			font-style: italic;
			color: #dbdada; 
			font-size: 11pt;
			line-height: 100%;
			word-spacing: normal;
			letter-spacing: normal;
			text-decoration: none;
			text-transform: none;
			text-align: left;
			text-indent: 0ex;
		position:absolute;
		left:295px;
		top:72px;
		z-index:3;">
							&quot;
						<SCRIPT language="Javascript"><!-- 
						function image() { }; 
						image = new image();
						number = 0; 
						 // imageArray
						image[number++] = "Knowledge becomes evil if the aim be not virtuous"
						image[number++] = "All that is necessary for evil to succeed is that good men do nothing"
						image[number++] = "You don't know anything until you have experienced it"
						image[number++] = "No problem can be solved from the same level of consciousness that created it"
						image[number++] = "Any man who reads too much and uses his own brain too little falls into lazy habits of thinking"
						image[number++] = "Sentience is beauty, complexity, compassion, intelligence..."
						image[number++] = "Anyone who trades liberty for security deserves neither liberty nor security"
						image[number++] = "An eye for an eye leaves everybody blind"
						image[number++] = "In doing something, do it with love or never do it at all"
						image[number++] = "First they ignore you. Then they laugh at you. Then they fight you. Then you win."
						increment = Math.floor(Math.random() * number);  document.write(image[increment]); 
						//-->
						</SCRIPT>
							&quot;
						</div>
							
						<!-- INSERT THIS CODE INTO NEW LINE
						image[number++] = ""
						INSERT ABOVE CODE INTO NEW LINE-->	

						
		<!--Coded by Bryboy, Sentient Productions, 2011.
		PICTURES-->
		<p class="rotate">
		<SCRIPT language="Javascript"><!-- 
		function image() { }; 
		image = new image();
		number = 0; 
		// imageArray
		image[number++] = "<img src='images/rotate1.png' border='0'>"
		image[number++] = "<img src='images/rotate2.png' border='0'>"
		image[number++] = "<img src='images/rotate3.png' border='0'>"
		image[number++] = "<img src='images/rotate4.png' border='0'>"
		image[number++] = "<img src='images/rotate5.png' border='0'>"
		image[number++] = "<img src='images/rotate6.png' border='0'>"
		image[number++] = "<img src='images/rotate7.png' border='0'>"
		image[number++] = "<img src='images/rotate8.png' border='0'>"
		image[number++] = "<img src='images/rotate9.png' border='0'>"
		image[number++] = "<img src='images/rotate10.png' border='0'>"
		image[number++] = "<img src='images/rotate11.png' border='0'>"
		image[number++] = "<img src='images/rotate12.png' border='0'>"
		image[number++] = "<img src='images/rotate13.png' border='0'>"
		image[number++] = "<img src='images/rotate14.png' border='0'>"
		increment = Math.floor(Math.random() * number);  document.write(image[increment]); 
		//-->
		</SCRIPT>
		</p>