"where the div tag resides"... do you mean resides before or after the re-positioning? It looks like the onmouseout isn't working as I planned. After moving it to another part of the screen the onmouseout happens as soon as I move the mouse. See I have a cell that once the mouse goes over it (i.e. onmouseover) the submenu (i.e. the table enclosed by the DIV tag I'm concerned about) comes up (i.e. gets repositioned underneath the parent cell, the cell with the initial onmouseover). While above the parent cell I set a variable called Parent to 1 and off the cell I set it to 0. So when the submenu pops up I should be able to go anywhere on the submenu. The submenu has a onmouseout to close the submenu if you leave the submenu and the Parent variable is set to 0. BUT the onmouseout happens for the submenu once the mouse isn't over the parent cell. It's like the onmouseout isn't working properly or something weird is happening with the submenu.
Actually one last thing Eric. I've put that code in but once the sub-menu pops up it extends downward so far. Well I have a drop down list (i.e. select list) on the page and the sub-menu extends over itBUT the select list actually shows through the sub-menu. I tried fooling with the z-order of the select list but that did nothing. Any suggestions? Thanks again.
I have a function on my one application that has pop up calendars in a layer that maps all of the select elements on the page. When the calendar is rendered, it depermines the space it takes up and looks for the collision of the elemenets. It is messy and a pain in the rear!
About popus and select elements: Actually, in IE 5.5+ (and NS 6+, I think too), if you wrap your popup div into iframe, it will show up correctly, with no need to hide select element. The idea is, you popup an iframe, the same way you popup you div, than obtain a handle to that iframe's document and use document.write to put whatever you need there. One note - you need add a link to your css since it is a separate page from browser point of view