Help Closing The Gap
 

Hey
I'm trying to take care of an issue on my home page.
The site is www.getatattoo.com.
I hope someone can help, this issue is driving me nuts.
If you take a look at the left side of the home page you will see an ad section with scrolling ads. All works well BUT......
When the ads finish, there is a gap of grey in that whole section before the ads start coming around again!

I'm trying to make it so that no matter how many ads I have in that section, there is no gap before they repeat.

Prior to my ad code it this.......

<style type="text/css">

#marqueecontainer{
position: relative;
width: 100%; /*marquee width */
height: 700px; /*marquee height */
overflow: hidden;
}
.imgfade{filter:alpha(opacity=30); -moz-opacity:0.5}
.imgfull{filter:alpha(opacity=100); -moz-opacity:1}
</style>

<script type="text/javascript">

var delayb4scroll=0 //Specify initial delay before marquee starts to scroll on page (2000=1 seconds)
var marqueespeed=1 //Specify marquee scroll speed (larger is faster 1-10)
var pauseit=1 //Pause marquee onMousever (0=no. 1=yes)?

////NO NEED TO EDIT BELOW THIS LINE////////////

var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var actualheight=''

function scrollmarquee(){
if (parseInt(cross_marquee.style.top)>(actualheight*(-1)+8)) //if scroller hasn't reached the end of its height
cross_marquee.style.top=parseInt(cross_marquee.sty le.top)-copyspeed+"px" //move scroller upwards
else //else, reset to original position
cross_marquee.style.top=parseInt(marqueeheight)+8+ "px"
}

function initializemarquee(){
cross_marquee=document.getElementById("vmarquee")
cross_marquee.style.top=0
marqueeheight=document.getElementById("marqueecont ainer").offsetHeight
actualheight=cross_marquee.offsetHeight //height of marquee content (much of which is hidden from view)
if (window.opera || navigator.userAgent.indexOf("Netscape/7")!=-1){ //if Opera or Netscape 7x, add scrollbars to scroll and exit
cross_marquee.style.height=marqueeheight+"px"
cross_marquee.style.overflow="scroll"
return
}
setTimeout('lefttime=setInterval("scrollmarquee()" ,30)', delayb4scroll)
}

if (window.addEventListener)
window.addEventListener("load", initializemarquee, false)
else if (window.attachEvent)
window.attachEvent("onload", initializemarquee)
else if (document.getElementById)
window.onload=initializemarquee
</script>

<tr>
<td class="$getbgrow">
<div id="marqueecontainer" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">
<div id="vmarquee" align="center" style="position: absolute; width: 100%;">

<!--YOUR SCROLL CONTENT HERE-->

AFTER MY ADS CODE IS THIS.........

<!--YOUR SCROLL CONTENT HERE-->

</div>
</div>
</td>
<tr>
<td>
<div class="smallfont" align="center">Want your website here?<br /><a href="$vboptions[contactuslink]">Contact us!</a></div>
</td>
</tr>
</tr>

And that's it.
Does anyone have any idea how to make that empty space between go away?

Thanks so much :)