Java-Scroller funzt im FF nicht

[henne32]

N'abend!

Ich habe ein kleines Problemchen. Ich will einen Javascroller in einer Joomla-Seite einbauen. Im IE hat bisher auch alles geklappt, im FF gibts ein Problem: Fehleranzeige "Fehler beim Verarbeiten des Wertes für Eigenschaft 'top': Deklaration ignoriert.

Das Javascript sieht wie folgt aus:

  
  
function checkBrowser(){  
  this.ver=navigator.appVersion;  
  this.dom=document.getElementById?1:0;  
  this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;  
  this.ie4=(document.all && !this.dom)?1:0;  
  this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;  
  this.ns4=(document.layers && !this.dom)?1:0;  
  this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)  
  return this  
 }  
 bw=new checkBrowser()  
  
 //If you want it to move faster you can set this lower:  
 var speed=50  
  
//Sets variables to keep track of what's happening  
var loop, timer  
  
//Object constructor  
function makeObj(obj,nest){  
  
 if (!nest) {nest=''}  
  else {nest='document.'+nest+'.'}  
  
 this.el=0;  
 this.css=0;  
  
 if (bw.dom)  
   {  
   this.el=document.getElementById(obj);  
   this.css=document.getElementById(obj).style;  
   this.scrollHeight=this.el.offsetHeight;  
   this.clipHeight=this.el.offsetHeight;  
   }  
 if (bw.ie4)  
   {  
   this.el=document.all[obj];  
   this.css=document.all[obj].style;  
   this.scrollHeight=this.el.offsetHeight;  
   this.clipHeight=this.el.offsetHeight;  
   }  
 if (bw.ns4)  
   {  
   this.el=eval(nest+'document.'+obj);  
   this.css=eval(nest+'document.'+obj);  
   this.scrollHeight=this.css.document.height;  
   this.clipHeight=this.css.clip.height;  
   }  
  
 this.up=goUp;this.down=goDown;  
 this.moveIt=moveIt; this.x; this.y;  
    this.obj = obj+ "Object";  
    eval(this.obj + "=this")  
    return this  
  
}  
  
function moveIt(x,y){  
 this.x=x;this.y=y  
 this.css.left=this.x  
 this.css.top=this.y  
}  
  
//Makes the object go up  
function goDown(move)  
 {  
  
 if(this.y>(-this.scrollHeight+oCont.clipHeight))  
  {  
  this.moveIt(0,this.y-move)  
  if(loop) setTimeout(this.obj+".down("+move+")",speed)  
  }  
 }  
  
//Makes the object go down  
function goUp(move)  
{  
 if(this.y<0)  
 {  
  this.moveIt(0,this.y-move)  
  if(loop) setTimeout(this.obj+".up("+move+")",speed)  
 }  
}  
  
//Calls the scrolling functions. Also checks whether the page is loaded or not.  
function scroll(speed)  
{  
 if(loaded)  
 {  
  loop=true;  
  if(speed>0) oScroll.down(speed)  
  else oScroll.up(speed)  
 }  
}  
  
//Stops the scrolling (called on mouseout)  
function noScroll()  
{  
 loop=false  
 if(timer) clearTimeout(timer)  
}  
//Makes the object  
var loaded;  
function scrollInit(){  
 oCont=new makeObj('text')  
 oScroll=new makeObj('scroll','text')  
 oScroll.moveIt(0,0)  
 oCont.css.visibility='visible'  
 loaded=true;  
}  
//Call the init on page load  
onload=scrollInit;

Das komische ist: Ich habe das Skript auch schon auf einer alten Seite verwendet, und da lief und läuft es auch noch (auch im FF). Liegt das Problem am css-Code, dass da etwas mit den top-Angaben nicht stimmt?

Gruß

henne32