单击Container的Section可以使页面跳转

Question

我有一个配置文件页面容器左侧有链接，您可以单击它打开已打包的部分。 然而，当我点击所述链接时，整个页面强制滚动（跳转）到该部分内容的顶部，因此切断页面上方的任何内容并且非常烦人。

不确定它是填充还是边距或什么，我真的不想再从头开始。

我的主要HTML有详细信息：

<div align="center">
    <style>
        .container {
            width: 650px; height: 250px;
            overflow: auto; overflow-y: hidden;
            border: 3px double #999999; background: black;
         }
       .section { height: 250px; overflow: auto;}
    </style>
    <table width="700px">
        <tr>
            <td>
                <div style="overflow: auto; width: 200px; height: 250px; border: 3px inset #999999;">
                    <br /><font color="#520000" size="5" face="Times"> Greetings. </font>
                    <br /><br /><a href="#profile"><font face="Courier" size="4">[ Introduction ]</font></a>
                    <br /><a href="#likes"><font face="Courier" size="4">[ Aye ]</font></a>
                    <br /><a href="#loathes"><font face="Courier" size="4">[ Nay ]</font></a>
                    <br /><a href="#media"><font face="Courier" size="4">[ Media ]</font></a>
                    <br /><a href="#music"><font face="Courier" size="4">[ Music ]</font></a>
                </div>
            </td>
            <td>
                <div class="container">
                    <a name="profile"></a>
                    <div class="section" align="right">
                        <br /> About me text here
                        <br />
                    </div>