onclick으로 링크해서 div 두개가 탭 형식으로 왔다 갔다 하는데...

열리는건 잘 열리는데... 해당 자리에서 움직여야 하는데... 스크롤 탑으로 이동을 합니다.

이거 해결할수 있는 방법을 아시면 부탁좀 드립니다.

작동은 하는데 맨 위로 이동을 합니다.

<div id="layers_1">
<table width="1200" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td style="padding-top:30px;padding-bottom:25px">
<table width="1200" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="191">
   <a name="buttons" href="#" onclick="show_over(this); show_layer('layers_1');"><img src="/images/main/main_list_title1_over.png"><img src="/images/main/main_list_title1_over.png" style="display:none;"></a>
  </td>
        <td width="191">
   <a name="buttons" href="#" onclick="show_over(this); show_layer('layers_2');"><img src="/images/main/main_list_title2.png"><img src="/images/main/main_list_title2_over.png" style="display:none;"></a>
  </td>
        <td background="images/main/main_list_bg.png">&nbsp;</td>
      </tr>
</table>
    </td>
  </tr>
</table>
<? echo latest2("index_portfolio_140314", "portfolio_01", 16, 30); ?>
</div>

<div id="layers_2" style="display:none;">
<table width="1200" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td style="padding-top:30px;padding-bottom:25px">
<table width="1200" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="191">
   <a name="buttons" href="#" onclick="show_over(this); show_layer('layers_1');"><img src="/images/main/main_list_title1.png"><img src="/images/main/main_list_title1_over.png" style="display:none;"></a>
  </td>
        <td width="191">
   <a name="buttons" href="#" onclick="show_over(this); show_layer('layers_2');"><img src="/images/main/main_list_title2_over.png"><img src="/images/main/main_list_title2_over.png" style="display:none;"></a>
  </td>
        <td background="images/main/main_list_bg.png">&nbsp;</td>
      </tr>
</table>
    </td>
  </tr>
</table>

<? echo latest2("index_portfolio_140314", "portfolio_02", 16, 30);  ?>

</div>