Sorry, you definitely don’t want to wrap the section content in the anchor, just place the above at the top of the content π
As for the first issue, try this..
Change your anchor to this: <a name="contact" class="target"><!-- contact section --></a>
Then add this CSS:
.target:before {
content:"";
display:block;
height:90px; /* fixed nav height*/
margin:-90px 0 0; /* negative fixed nav height */
}
You’ll want to change the 90px to the height of your navigation.