Positioning pop-up div properly

[snarfblat]

I have a page with some "more info" links that, when clicked, bring up (via jQuery) a hidden div that loads in some external content. That part works great.

BUT... if you scroll down on this page, and click a More Info link farther down, it jumps the page back to the top. Very annoying.

So I'm wondering what I need to change in my css definition to prevent that? Right now it's this:

position: absolute;
display: none;
top: 120px;
left: 120px;
margin: auto;

(etc)

So I'm guessing absolute probably isn't the answer, but for a div that will appear over top of the rest of the page, I'm not really sure what to use.

Thanks for any input.

Rob

[Fang]

Use the jQuery event.preventDefault() or return false to prevent the anchor's natural event.