move hidden div with page relative to mouseover link

I have a horizontal nav made of images. Two images have mouseovers that make a hidden dropdown div visible. I can easily make this div absolute, but the nav is centered and therefore moves with the page. How do I move the div relative to the image that is activating it?

Try this link - http://www.stopdesign.com/also/articles/absolute/

Essentially, to enable relative positioning, your item needs a parent to base it's position attributes off. In your case, it's the nav image.

Putting an absolute div inside a relative and trying to give left or right values did not work. The nested div ended up being placed according to the browser window, not the div it was nested in. I finally got everything working in the header (an include for my other pages). When I uploaded the header and looked at it by itself, the drop down would show up in the correct horizontal spot, but was way over to the right - even though the exact same file looked perfect on my computer. Also, when I looked at a file that included the header, the dropdowns didn't show at all - and the mouseovers for imageswaps didn't work either. All of this worked fine when I was setting the dropdowns to a set position on the screen, but now that I am trying to get them to move with the nav, nothing is working right.