How to fix my anchor link issue

How to fix my anchor link issue

pI have a question regarding the anchor tag./p pI have a page like/p
precodelt;div id='header'gt; bunch of stuff….and iamges lt;/divgt;
lt;divgt; lt;a href='#test1gt;test1lt;/agt; lt;a
href='#test2gt;test2lt;/agt; lt;a href='#test3gt;test3lt;/agt; lt;/divgt;
lt;div class='content'gt; lt;a name='test1'gt;test1 projectlt;/agt; bunch
of stuff lt;a name='test2'gt;test1 projectlt;/agt; bunch of stuff lt;a
name='test3'gt;test1 projectlt;/agt; bunch of stuff lt;/divgt; /code/pre
pMy css/p precode#header{ position: fixed; right: 0; left: 0; z-index:
1030; margin-bottom: 0 height:150px; } /code/pre pHowever, it seems like
every time I click test1 to test3 link, my 'contents' div got push to top
of my header div. so my 'content' div is cover by my header div (150px).
Are there anyways to fix my issue? Thanks a lot!/p