drop down menu -- trouble in loading images.

[shiva]

hi all,
i m rendering the html and javascript from a java file using a string buffer . the requirement is menu should work in nn4+,ie4+ browsers. i m checking the browser using doc.all for ie4 , doc.getelementbyid for ie6,nn6.. and doc.layers for nn4.
the menu comes in a nested table in the page.. as it has layouts.
i m using div. nn4 requires div to be absolutely positioned.but when i change it to relative for doc.all.. the image doesnt get displayed the first time the page is loaded only in doc.all browsers. if i put a alert .. it works. i dont want it to be absolute becoz the positions wil have to be hardcoded and it wont be efficient code..
the toggle part is working fine..
the below javascript code is in a function which is called in onload of html.


the logic is bit bad i feel ..but had to do those to make it work in netscape 4(4.79) versions.

  
if (document.all){
//alert("inside doc.all");
for(i = 0; i < nooflayers; i++){
        var p;
var name2='title'+i;
if(name2=="title0"){
document.all[name2].style.position = 'relative';
document.all[name2].style.top="0px";
document.all[name2].style.display='';
}
else{
document.all[name2].style.position = 'relative';
//document.all(pic).src='closed.gif';
       if(i%2==0){
var pic='pic'+i;
document.all(pic).border=0;
document.all[pic].src='closed.gif';
document.all(pic).style.zIndex=20;
}
       if(document.all[name2].className == 'menu'){
              document.all[name2].style.position= 'relative';
        document.all[name2].style.display = 'none';
       }
        }
}
   }

code in html body.

 div  id="title0" style="position: absolute ;top:280px" 
a href="#" onclck=toggling..funcion(0); return false img id="pic0"          name="pic0" src="closed.gif" alt=""border="0" Category 1    /a
   /div
   div  id="title1" class="menu" style="position: absolute"
a href="page01.html" target="right"  Item # 1/a
a href="page02.html" target="right"  Item # 2/a
   /div
   div id="title2" style="position: absolute">
a href="#" onclck=togglilng functi(2); return false img id="pic2"name="pic2" src="closed.gif" alt=""border="0" -Category 2/a
   /div
   div  id="title3" class="menu" style="position: absolute"
        a href="page03.html" target="right" Item # 3/a
a href="page01.html" target="right" Item # 1/a
    /div

sorry had some problem with html submitting ..so syntax is wrong.

[shiva]

<div id="title0" style="position: absolute ;top:280px" >
<a href="#" onClck="WM_toggle(0); return false"><img id="pic0" name="pic0" src="closed.gif" alt=""border="0" >Category 1</a>
</div>
<div id="title1" class="menu" style="position: absolute">
<a href="page01.html" target="right">Item # 1</a><br>
<a href="page02.html" target="right">Item # 2</a>
</div>
<div id="title2" style="position: absolute">
<a href="#" onClck="WM_toggle(2); return false"><img id="pic2"name="pic2" src="closed.gif" alt=""border="0">-Category 2</a>
</div>
<div id="title3" class="menu" style="position: absolute">
<a href="page03.html" target="right">Item # 3</a><br>
<a href="page01.html" target="right">Item # 1</a><br>
</div>