So I’ve got a technical question. That means most of you should wander off and go write Nathan some Vogon Poetry.

So here’s the question:

On my books pages, specifically the main page for each genre, I’m using fixed positioning to allow the content to scroll while the header image and navigation remain in place (yes, yes, yes, I have a separate style sheet for stupid IE that doesn’t freaking work correctly.)

My problem is that I have anchors throughout the document. So if instead of selecting an author from the drop down menus you click on a letter of the alphabet, you jump down the page.

The problem is that the content jumps *under* the header. Although, with the author menu the way it is, I’m not sure how many people use the alphabetical menu, it would still be nice if it the content viewers wanted to see didn’t scroll under the header image.

I found one or two suggestions, neither of which worked properly for me.

Does anyone have a good solution for this? I’ve got three separate fixed elements (header image, alphabet navigation, side navigation), and am using ems for my positioning of the content section, but I don’t think that should make a difference. I tried playing with positive and negative margins, and ended up with a mess–probably because I was doing it wrong, since the idea of positive and negative margins seems like it would work. Except that it didn’t. When I applied them to links, it screwed up regular hyperlinks. When I applied it to a specific style, things were screwed up in a different manner.

Anyone?