Dropdown menus hide behind the image

dropdown, menus, html, dhtml, javascript, layers, mac, aol

[Alla Gringaus]

Hi,
I have dropdown menus implemented on the web site. They're being generated using layers and divs. Everything worked fine until we tested it on AOL 5/ Mac 9/ IE 4.5.

The bug is the following: in the above configuration browser the layers that comprise dropdown menus hide behind the images in the table right below the 'mouseover' button.

Any idea of a property that would bring the layer on the top. (We tried z-index = 6, doesn't work)

On mouse over (this is just a fragment):
<div id="FIRST_BUTTON" class="breakerbar" onMouseOver="showMenu(this.id,135);" onMouseOut="hideMenu(this.id,-135);" style="position:absolute;top:155px;left:-200px;width:139;z-index:6;">

function showMenu(section,loc) {
if(document.body.offsetWidth > 748) {
loc = ((document.body.offsetWidth - 748)/2 + loc);
}

if(document.getElementById){
document.getElementById(section).style.left= loc + "px";
document.getElementById(section).style.visibility="visible";
}

eval(layerRef+section+styleRef+leftRef+'='+loc);
eval(layerRef+section+styleRef+vis+'="visible"');
}

THANKS!

[tedster]

Sorry your post has gone unanswered for so long, Alla_Gringaus.

Those are some old browsers there -- for instance, getElementById is DOM2 and won't come into play.

However, I digress. Have you tried putting those problem images into a table cell background and use a transparent gif for the foreground? That might fix visibility issues, but leave and links dead in the dropdown menu. But still, it's a possible experiment and might yield some telling evidence.

A second thought -- are any of those images part of a form input, or flash? Forms and Flash have a nasty way of staying on the top of the pile.