Googly moog fooger? Butter squash nut table fist? Ah, mug cable speaker board. Try:
Code:
boogerly {
fooging: poinkersquit;
}

okay, had to get it out. Your post was confusing the heck out of me until you posted the code, and it still sort of is...
The page isn't reloading, though, it's only being sent to the "href" specified in the link. So you click on "<a id="foo" href="?foo#bar">fBar</a>", for example, and it takes you to
http://whatever/page.htm?foo#bar.
As far as no-refresh/reloading, there's no way to prevent that using strictly HTML or CSS. I'm sure there's another js way to do what you're trying to do without the page being sent somewhere, though...