Character Sheet HTML; moving menu under the body

So I found this Character Sheet, which i'm very much into.
However i dont like that the menu is not visible when you click on the different links in the navigation without scrolling up to see them again. So instead of having it over the body i want them under the body.
But every time i try it goes really wrong in some way or another.
So i wanted to hear if anyone could help me with it?

http://asylums.insanejournal.com/rp_tutorials/175763.html#cutid1

Code:

<lj-raw>
<center>
<div style="height:400px;overflow:hidden;">
<!-- vitals -->
<div style="height:400px;margin-bottom:40px;overflow:auto;">
<table cellpadding="0" cellspacing="0" style="height:400px;width:800px;font-size:10px;font-family:Palatino Linotype, Georgia, serif;color:#000;">
<tr>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td>
<a style="display:block;width:75px;height:25px;text-align:center;vertical-align:middle;background:white;border-width:1px 1px 0px 1px;border-style:solid;border-color:#AAA;color:#222;text-decoration:none;" name="vitals" href="#vitals">vitals</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#magicinfo">magic info</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#education">education</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#appearance">appearance</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#personality">personality</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#relationships">relationships</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#history">history</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#astrology">astrology</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#oocinfo">ooc info</a>
</td>
<td style="width:35px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
</tr>
<tr>
<td colspan="19" style="border-width:0px 1px 1px 1px;border-style:solid;border-color:#AAA;padding:10px;text-align:justify;vertical-align:top;width:100%;height:100%;">
<img src="" style="height:100px;width:100px;padding:2px;border:1px solid #AAA;float:right;">
<b>Full Name:</b> <br />
<b>Nickname(s):</b> <br/><br/>

<b>Birth Date:</b> <br />
<b>Birthplace:</b> <br /><br />

<b>Current Location:</b> <br />
<b>Residence:</b> <br />
<b>Occupation:</b> <br /><br />

<b>Alignment:</b> <br />
<b>Affiliation:</b> 
</td>
</tr>
</table>
</div>

<!-- magic info -->
<div style="height:400px;margin-bottom:40px;overflow:auto;">
<table cellpadding="0" cellspacing="0" style="height:400px;width:800px;font-size:10px;font-family:Palatino Linotype, Georgia, serif;color:#000;">
<tr>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#vitals">vitals</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td>
<a style="display:block;width:75px;height:25px;text-align:center;vertical-align:middle;background:white;border-width:1px 1px 0px 1px;border-style:solid;border-color:#AAA;color:#222;text-decoration:none;" name="magicinfo" href="#magicinfo">magic info</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#education">education</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#appearance">appearance</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#personality">personality</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#relationships">relationships</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#history">history</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#astrology">astrology</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#oocinfo">ooc info</a>
</td>
<td style="width:35px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
</tr>
<tr>
<td colspan="19" style="border-width:0px 1px 1px 1px;border-style:solid;border-color:#AAA;padding:10px;text-align:justify;vertical-align:top;width:100%;height:100%;">
<b>Race:</b> <br />
<b>Blood Line:</b> <br /><br />

<b>Wand:</b> <br />
<b>Wand Core:</b> <br />
<b>Wand Hand:</b> <br /><br />

<b>Patronus Guardian:</b> <br />
<b>Patronus Form:</b> <br />
<b>Boggart:</b> <br />
<b>Animagus:</b> 
</td>
</tr>
</table>
</div>

<!-- education -->
<div style="height:400px;margin-bottom:40px;overflow:auto;">
<table cellpadding="0" cellspacing="0" style="height:400px;width:800px;font-size:10px;font-family:Palatino Linotype, Georgia, serif;color:#000;">
<tr>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#vitals">vitals</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#magicinfo">magic info</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td>
<a style="display:block;width:75px;height:25px;text-align:center;vertical-align:middle;background:white;border-width:1px 1px 0px 1px;border-style:solid;border-color:#AAA;color:#222;text-decoration:none;" name="education" href="#education">education</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#appearance">appearance</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#personality">personality</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#relationships">relationships</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#history">history</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#astrology">astrology</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#oocinfo">ooc info</a>
</td>
<td style="width:35px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
</tr>
<tr>
<td colspan="19" style="border-width:0px 1px 1px 1px;border-style:solid;border-color:#AAA;padding:10px;text-align:justify;vertical-align:top;width:100%;height:100%;">
<b>School:</b> <br />
<b>Year:</b> <br />
<b>House:</b> <br />
<b>Achievements:</b> <br />
<b>Extracurriculars:</b> <br /><br />

<b>Best Subject:</b> <br />
<b>Worst Subject:</b> <br /><br />

<table cellpadding="0" cellspacing="4px" style="font-size:10px;font-family:Palatino Linotype, Georgia, serif;color:#000;">
<tr>
<td style="text-align:left;vertical-align:top;">
<b>OWL Subjects:</b>
</td>
<td style="text-align:right; vertical-align:top;">
Astronomy:<br />
Charms:<br />
CoMC:<br />
DADA:<br />
Divination:<br />
Herbology:<br />
History:<br />
Muggle Studies:<br />
Potions:<br />
Transfiguration:
</td>
<td style="width:10px;">
&nbsp;
</td>
<td style="text-align:left;vertical-align:top;">
<b>NEWT Subjects:</b> 
</td>
<td style="text-align:right; vertical-align:top;">
Astronomy:<br />
Charms:<br />
CoMC:<br />
Herbology:<br />
Muggle Studies:
</td>
</tr>
</table>

<b>Certifications:</b> 
</td>
</tr>
</table>
</div>

<!-- appearance -->
<div style="height:400px;margin-bottom:40px;overflow:auto;">
<table cellpadding="0" cellspacing="0" style="height:400px;width:800px;font-size:10px;font-family:Palatino Linotype, Georgia, serif;color:#000;">
<tr>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#vitals">vitals</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#magicinfo">magic info</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#education">education</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td>
<a style="display:block;width:75px;height:25px;text-align:center;vertical-align:middle;background:white;border-width:1px 1px 0px 1px;border-style:solid;border-color:#AAA;color:#222;text-decoration:none;" name="appearance" href="#appearance">appearance</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#personality">personality</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#relationships">relationships</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#history">history</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#astrology">astrology</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#oocinfo">ooc info</a>
</td>
<td style="width:35px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
</tr>
<tr>
<td colspan="19" style="border-width:0px 1px 1px 1px;border-style:solid;border-color:#AAA;padding:10px;text-align:justify;vertical-align:top;width:100%;height:100%;">
<b>Gender:</b> <br />
<b>Nationality:</b> <br /><br />

<b>Height:</b> <br />
<b>Weight:</b> <br />
<b>Build:</b> <br />
<b>Eyes:</b> <br />
<b>Hair:</b> <br />
<b>Skin:</b> <br /><br />

<b>Distinguishing Marks:</b> <br />
<b>Wardrobe:</b> 
</td>
</tr>
</table>
</div>

<!-- personality -->
<div style="height:400px;margin-bottom:40px;overflow:auto;">
<table cellpadding="0" cellspacing="0" style="height:400px;width:800px;font-size:10px;font-family:Palatino Linotype, Georgia, serif;color:#000;">
<tr>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#vitals">vitals</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#magicinfo">magic info</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#education">education</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#appearance">appearance</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td>
<a style="display:block;width:75px;height:25px;text-align:center;vertical-align:middle;background:white;border-width:1px 1px 0px 1px;border-style:solid;border-color:#AAA;color:#222;text-decoration:none;" name="personality" href="#personality">personality</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#relationships">relationships</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#history">history</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#astrology">astrology</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#oocinfo">ooc info</a>
</td>
<td style="width:35px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
</tr>
<tr>
<td colspan="19" style="border-width:0px 1px 1px 1px;border-style:solid;border-color:#AAA;padding:10px;text-align:justify;vertical-align:top;width:100%;height:100%;">
<b>First Impression:</b> <br /><br />

(personality)<br /><br />

<b>Likes:</b> <br />
<b>Dislikes:</b> <br />
<b>Fears:</b> <br />
<b>Quirks:</b> 
</td>
</tr>
</table>
</div>

<!-- relationships -->
<div style="height:400px;margin-bottom:40px;overflow:auto;">
<table cellpadding="0" cellspacing="0" style="height:400px;width:800px;font-size:10px;font-family:Palatino Linotype, Georgia, serif;color:#000;">
<tr>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#vitals">vitals</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#magicinfo">magic info</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#education">education</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#appearance">appearance</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#personality">personality</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td>
<a style="display:block;width:75px;height:25px;text-align:center;vertical-align:middle;background:white;border-width:1px 1px 0px 1px;border-style:solid;border-color:#AAA;color:#222;text-decoration:none;" name="relationships" href="#relationships">relationships</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#history">history</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#astrology">astrology</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#oocinfo">ooc info</a>
</td>
<td style="width:35px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
</tr>
<tr>
<td colspan="19" style="border-width:0px 1px 1px 1px;border-style:solid;border-color:#AAA;padding:10px;text-align:justify;vertical-align:top;width:100%;height:100%;">
<b>Orientation:</b> <br />
<b>Status:</b> <br />
<b>Significant Other:</b> <br />
<b>Children:</b> <br />
<b>Past Love(s):</b> <br /><br />

<b>Parents:</b> <br />
<b>Sibling(s):</b> <br />
<b>Relatives:</b> <br /><br />

<b>Best Friend(s):</b> <br />
<b>Friends:</b> <br /><br />

<b>Enemies:</b> <br /><br />

<b>Pets:</b> <br />
</td>
</tr>
</table>
</div>

<!-- history -->
<div style="height:400px;margin-bottom:40px;overflow:auto;">
<table cellpadding="0" cellspacing="0" style="height:400px;width:800px;font-size:10px;font-family:Palatino Linotype, Georgia, serif;color:#000;">
<tr>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#vitals">vitals</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#magicinfo">magic info</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#education">education</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#appearance">appearance</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#personality">personality</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#relationships">relationships</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td>
<a style="display:block;width:75px;height:25px;text-align:center;vertical-align:middle;background:white;border-width:1px 1px 0px 1px;border-style:solid;border-color:#AAA;color:#222;text-decoration:none;" name="history" href="#history">history</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#astrology">astrology</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#oocinfo">ooc info</a>
</td>
<td style="width:35px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
</tr>
<tr>
<td colspan="19" style="border-width:0px 1px 1px 1px;border-style:solid;border-color:#AAA;padding:10px;text-align:justify;vertical-align:top;width:100%;height:100%;">
(history)
</td>
</tr>
</table>
</div>

<!-- astrology -->
<div style="height:400px;margin-bottom:40px;overflow:auto;">
<table cellpadding="0" cellspacing="0" style="height:400px;width:800px;font-size:10px;font-family:Palatino Linotype, Georgia, serif;color:#000;">
<tr>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#vitals">vitals</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#magicinfo">magic info</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#education">education</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#appearance">appearance</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#personality">personality</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#relationships">relationships</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#history">history</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td>
<a style="display:block;width:75px;height:25px;text-align:center;vertical-align:middle;background:white;border-width:1px 1px 0px 1px;border-style:solid;border-color:#AAA;color:#222;text-decoration:none;" name="astrology" href="#astrology">astrology</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#oocinfo">ooc info</a>
</td>
<td style="width:35px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
</tr>
<tr>
<td colspan="19" style="border-width:0px 1px 1px 1px;border-style:solid;border-color:#AAA;padding:10px;text-align:justify;vertical-align:top;width:100%;height:100%;">
<b>Zodiac Sign:</b> <br />
<b>Zodiac Symbol:</b> <br />
<b>Zodiac Element:</b> <br />
<b>Zodiac Quality:</b> <br />
<b>Ruling Planet:</b> <br />
<b>Keywords:</b> <br /><br />

(astrology)
</td>
</tr>
</table>
</div>

<!-- ooc info -->
<div style="height:400px;margin-bottom:40px;overflow:auto;">
<table cellpadding="0" cellspacing="0" style="height:400px;width:800px;font-size:10px;font-family:Palatino Linotype, Georgia, serif;color:#000;">
<tr>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#vitals">vitals</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#magicinfo">magic info</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#education">education</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#appearance">appearance</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#personality">personality</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#relationships">relationships</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#history">history</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#astrology">astrology</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td>
<a style="display:block;width:75px;height:25px;text-align:center;vertical-align:middle;background:white;border-width:1px 1px 0px 1px;border-style:solid;border-color:#AAA;color:#222;text-decoration:none;" name="oocinfo" href="#oocinfo">ooc info</a>
</td>
<td style="width:35px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
</tr>
<tr>
<td colspan="19" style="border-width:0px 1px 1px 1px;border-style:solid;border-color:#AAA;padding:10px;text-align:justify;vertical-align:top;width:100%;height:100%;">
<b>Played-By:</b> <br />
<b>Mun:</b> <br />
<b>Layout Lyrics:</b> <br />
<b>Disclaimer:</b> <br /><br />

<b>Profile Layout Credit:</b> <a href="http://rp-tutorials.insanejournal.com/" target="_blank">RP Tutorials</a>
</td>
</tr>
</table>
</div>
</div>
</center>
</lj-raw>

Hi @IdaTR,

Try adding this at the bottom of the HTML :

Code:

<script type="text/javascript">//<![CDATA[
$(window).on('hashchange',function() { window.scrollTo(window.pageXOffset, window.pageYOffset - 35) });
//]]></script>

No change
EDIT: Oh never mind!!! Was confused in a sec, to see what you had changed, but it just stroke me !
THX!

Has this issue been solved? @IdaTR

It has! (: Solved.