problem with rollover images for overlapping content script

[newyorker2]

1) Script Title: Drop Down/ Overlapping Content

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex5/overlapcontent.htm

3) Describe problem: please visit this page to see the problem:
http://72.44.80.146/~wat/test/test.html


i basically want the image to stay on "onstate" as long as the hidden menu is shown.



* FYI, i am using javascript for image rollover. class="rollover" makes the image rollover.

thank you for your help.

[Snookerman]

This thread might be helpful:
http://www.dynamicdrive.com/forums/showthread.php?t=39541&highlight=hover (http://www.dynamicdrive.com/forums/showthread.php?t=39541&highlight=hover)

[newyorker2]

This thread might be helpful:
http://www.dynamicdrive.com/forums/showthread.php?t=39541&highlight=hover (http://www.dynamicdrive.com/forums/showthread.php?t=39541&highlight=hover)

that sample is not using images, my code is not using unordered lists.

so i don't think that will help me.
thank you for your time.

[Snookerman]

That could easily be rewritten to work with your menu.

.jqueryslidemenu ul li:hover > a {
background:#0099FF;
color:#FF9966;
}
The background color could be changed to background image and the list items could be changed to div containers or span or tables:

.ny2menu something:hover > a {
background-image:url(hover.jpg);
}

[newyorker2]

That could easily be rewritten to work with your menu.

.jqueryslidemenu ul li:hover > a {
background:#0099FF;
color:#FF9966;
}
The background color could be changed to background image and the list items could be changed to div containers or span or tables:

.ny2menu something:hover > a {
background-image:url(hover.jpg);
}


the problem is, i have the use png images, and none of the png fixes for ie6 have a solution for backround image hovers.