<html>
<head>
<style>
P
{
margin:0px;
padding:0px
}
body
{
FONT-SIZE: 10pt;
FONT-FAMILY:Tahoma
}
</style>
</head>
<body>&gt; What&nbsp;did&nbsp;I&nbsp;do&nbsp;wrong?<BR><BR>
Tedd,<BR>Implementation of the code is reporting "error in line 0" from firefox while the BOX is being <BR>rendered ~correctly the script is failing. Ie is failing to render the box with rounded corners <BR>correctly but the script is at least initialized.<BR>
&nbsp;<BR>
The main problem lies in the first line of code:<BR>
&nbsp;<BR>
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"<BR>&nbsp;&nbsp; "<A href="http://www.w3.org/TR/html4/strict.dtd">http://www.w3.org/TR/html4/strict.dtd</A>"&gt;<BR>
&nbsp;<BR>
You've declared Strict DTD while it obviously isn't.<BR>
&nbsp;<BR>
Here is a complete HTML 4.01 strict and VALIDATED Page<BR>***&nbsp;&nbsp; saved using UTF-8&nbsp;&nbsp; ***<BR>***********************<BR>
&nbsp;<BR>
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"<BR>&nbsp;&nbsp; "<A href="http://www.w3.org/TR/html4/strict.dtd">http://www.w3.org/TR/html4/strict.dtd</A>"&gt;<BR>&lt;HTML&gt;<BR>&lt;HEAD&gt;<BR>&lt;META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8"&gt;<BR>&lt;TITLE&gt;SCROLL IMAGES&lt;/TITLE&gt;<BR>&lt;style type="text/css"&gt;<BR>&nbsp;#holder{ position:absolute; left:45px; top:116px; width:344px; height:84px; overflow:hidden; }<BR>&nbsp;#roller {&nbsp; white-space:nowrap; margin-left:0;}<BR>&lt;/style&gt;<BR>&lt;/HEAD&gt;<BR>
&lt;BODY&gt;<BR>
&lt;DIV ID=holder&gt;<BR>&lt;div id="roller"&gt;<BR>&lt;img src="<A href="http://xn--ovg.com/marquee/images/1.jpg">http://xn--ovg.com/marquee/images/1.jpg</A>" alt=''&gt;<BR>&lt;img src="<A href="http://xn--ovg.com/marquee/images/2.jpg">http://xn--ovg.com/marquee/images/2.jpg</A>" alt=''&gt; <BR>&lt;img src="<A href="http://xn--ovg.com/marquee/images/3.jpg">http://xn--ovg.com/marquee/images/3.jpg</A>" alt=''&gt;<BR>&lt;img src="<A href="http://xn--ovg.com/marquee/images/4.jpg">http://xn--ovg.com/marquee/images/4.jpg</A>" alt=''&gt;<BR>&lt;img src="<A href="http://xn--ovg.com/marquee/images/5.jpg">http://xn--ovg.com/marquee/images/5.jpg</A>" alt=''&gt;<BR>&lt;img src="<A href="http://xn--ovg.com/marquee/images/6.jpg">http://xn--ovg.com/marquee/images/6.jpg</A>" alt=''&gt;<BR>&lt;img src="<A href="http://xn--ovg.com/marquee/images/7.jpg">http://xn--ovg.com/marquee/images/7.jpg</A>" alt=''&gt;<BR>&lt;img src="<A href="http://xn--ovg.com/marquee/images/8.jpg">http://xn--ovg.com/marquee/images/8.jpg</A>" alt=''&gt;<BR>&lt;img src="<A href="http://xn--ovg.com/marquee/images/9.jpg">http://xn--ovg.com/marquee/images/9.jpg</A>" alt=''&gt;<BR>&lt;!--Repeating the first three to complete the circle--&gt;<BR>&lt;img src="<A href="http://xn--ovg.com/marquee/images/1.jpg">http://xn--ovg.com/marquee/images/1.jpg</A>" alt=''&gt;<BR>&lt;img src="<A href="http://xn--ovg.com/marquee/images/2.jpg">http://xn--ovg.com/marquee/images/2.jpg</A>" alt=''&gt; <BR>&lt;img src="<A href="http://xn--ovg.com/marquee/images/3.jpg">http://xn--ovg.com/marquee/images/3.jpg</A>" alt=''&gt;<BR>
&lt;/div&gt;<BR>&lt;/DIV&gt;<BR>
&lt;script type="text/javascript"&gt;<BR>var roller = document.getElementById('roller')<BR>var i=0;<BR>function rollnow(){<BR>&nbsp;if(i &lt; 1040){<BR>&nbsp;&nbsp;i++;<BR>&nbsp;&nbsp;roller.style.marginLeft=-i+"px";<BR>&nbsp;}else{i=-4}<BR>&nbsp;window.setTimeout(rollnow, 20);<BR>}<BR>onload=rollnow<BR>&lt;/script&gt;<BR>
&lt;/BODY&gt;<BR>&lt;/HTML&gt;<BR>******************<BR>
With this revision, there is no need for image preloading script in your header.<BR>
Test this version locally first,&nbsp;than try putting it inside the "BOX". <BR>
If it fails after this, you should go back and recheck the box constructor once again.<BR>
Cheers<BR>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Troy&nbsp;III<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;progressive&nbsp;art&nbsp;enterprise<BR>~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~<BR><br /><hr />Express yourself instantly with Windows Live Messenger! <a href='http://imagine-msn.com/messenger/launch80/default.aspx?locale=en-us&source=joinmsncom/messenger' target='_new'>Windows Live Messenger!</a></body>
</html>