Hidden Overflow Weirdness in Firefox Vista

[Escape]

Wondering if anyone has come across this...

I am hiding content under headings and using javascript to animate the opening
and closing of it (I'm sure you guys are very familiar with these menus) and it
works fine in all browsers from what I can tell except the Vista version of
Firefox.
If I open the page in this browser my menu looks fine for the first split second
when all the content is showing but after it collapses and I click on a heading
to reveal the content the colors of the hidden content are all screwed up...it is
like the content is highlighted in a weird way or something. Anyway, it looks
absolutely terrible and hurts my eyes if I try to read it...

Anyone know what the problem could be? And is this a CSS thing or a
Javascript thing? Thanks in advance! :)

[Nile]

Warning: Please include a link to the DD(or javascriptkit) script in question in your post. See this thread (http://www.dynamicdrive.com/forums/showthread.php?t=6) for the proper posting format when asking a question.
(if you are using a dd script)

Please include your code so that we can take a look at it, we can't do much without it. When you do post your code remember to use [code] tags. That includes [ html ], [ code ], and [ php ].

[Escape]

OK thanks Nile...here is the javascript file I am using for the menu. Should I move this to the javascript thread then?
Also here is a link to the page in question (pretty bare at the moment but would like to deal with this issue before doing anything) http://www.ginogarda.com
Any help is greatly appreciated!



var slider=function(){
var array=[]; var speed=10; var timer=10;
return{
init:function(t,c){
var s,ds,l,i,y;
s=document.getElementById(t); ds=s.getElementsByTagName('div'); l=ds.length; i=y=0;
for(i=0;i<l;i++){
var d,did; d=ds[i]; did=d.id;
if(did.indexOf("header")!=-1){
y++; d.onclick=new Function("slider.process(this)");
}else if(did.indexOf("content")!=-1){
array.push(did.replace('-content','')); d.maxh=d.offsetHeight;
if(c!=y){d.style.height='0px'; d.style.display='none'}
else{d.style.display='block'}
}
}
},
process:function(d){
var cl,i; cl=array.length; i=0;
for(i;i<cl;i++){
var s,h,c,cd;
s=array[i]; h=document.getElementById(s+'-header');
c=s+'-content'; cd=document.getElementById(c); clearInterval(cd.timer);
if(h==d&&cd.style.display=='none'){
cd.style.display='block'; this.islide(c,1);
}else if(cd.style.display=='block'){this.islide(c,-1)}
}
},
islide:function(i,d){var c,m; c=document.getElementById(i); m=c.maxh; c.direction=d; c.timer=setInterval("slider.slide('"+i +"')",timer)},
slide:function(i){
var c,m,h,dist; c=document.getElementById(i); m=c.maxh; h=c.offsetHeight;
dist=(c.direction==1)?Math.round((m-h)/speed):Math.round(h/speed);
if(dist<=1){dist=1}
c.style.height=h+(dist*c.direction)+'px'; c.style.opacity=h/c.maxh; c.style.filter='alpha(opacity='+(h*100/c.maxh)+')';
if(h<2&&c.direction!=1){
c.style.display='none'; clearInterval(c.timer);
}else if(h>(m-2)&&c.direction==1){clearInterval(c.timer)}
}
};}();

function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);}