Fixed top navigation element and anchors

Question

With the following CSS, anchor links end up being hidden by the navigation bar.

What solution would you proposed to have the anchor link text being shown just under it?

/* style and size the navigation bar */
table.navigation#top
{
  position: fixed;
  margin-top: 0;
  margin-bottom: 0;
  top: 0;
  left: 0;
  z-index: 10;
}

thanks

Answer 1

Put your navigation bar inside of a container that has padding-top that matches the height of your navigation bar.

You should also be able to position: relative your links give them a top that matches the height of your navigation bar.

Answer 2

Everything is Ok, but this look weird in IE6. Is there any fix for that? Thank you.