So…

I modified my css to run the following:

#content a {
margin-top:-9em;
padding-top:9em;
}

#content a:link {
margin-top:0em;
padding-top:0em;
}
#content a:visited {
margin-top:0em;
padding-top:0em;
}
#content a:active {
margin-top:0em;
padding-top:0em;
}
#content a:hover {
margin-top:0em;
padding-top:0em;
}

To work in Firefox and Seamonkey, but not Opera or Safari. (Have I mentioned that I dislike both opera and safari? Why is it so hard to find things like “clear the cache”? Grr!)

IE 6 & 7 work because they aren’t using the fixed positioning or CSS menus.

I’ve got some other things I’d like to try though, and we’ll see from there. I’m still trying css first, because I really don’t want to change all the pages that use those style sheets (and there are a lot of ’em).

ADDENDUM the First:

Found a different fix for Firefox that doesn’t work in Opera and Safari.

<a name=”A” class=”anchor” id=”A”></a>
with
.anchor {
margin-top:-9em;
padding-top:9em;
}

in the style sheet.

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?