Divs within popups not appearing in the right places

[jensoko]

Hello all. I'm kinda at my wit's end here (I know--short trip ;) ). I'm using the Dropdown/Overlap (http://www.dynamicdrive.com/dynamicindex5/overlapcontent.htm) script from Dynamic Drive, only instead of text links, I'm using Div containers around small graphics to act as pin-points on a map (held within a div "beneath" the pin-point divs). The script works fine in a blank test page (http://stage.pendragonhomes.com/communities/test.htm)--when I mouseover, the hidden div pops up right next to the pin-point and I'm able to put the mouse in the box and click on a link. But when I put that hunk of code into the site (http://stage.pendragonhomes.com/communities/), the divs open up about a hundred pixels away from their respective map-points and I can't get the mouse to them in time to click.

Anyone have any ideas as to why this is? I've tried moving the hidden divs that make up the popups into other div containers, into the same div containers, removing some of the div containers (some of them I need to keep the page elements in line) and banging my head repeatedly against the monitor. Nothing seems to be working. Any help is greatly appreciated.

[Medyman]

The background map and the popus shoudl be insdie the same div.

Then, set position:relative in the container div.

Bascially the popups are absolutly positioned in relation to the page instead of the div they are in. Position:relative will achieve that.

[jensoko]

Thanks for the suggestion, Medyman.

If I've got it right, the container div is named "mapparent." Making it's position relative only knocked my mappoint divs off-kilter. The hidden divs that contain the content of the popups are required by the script to be position: absolute. Any other suggestions?