Clicking a link makes page go down

Hi,

I am creating a web page that has header with company logo, site wide
horizontal tabbed navigation. Down, I have side vertical navigation bar with
content on to the right. When i click the vertical nav bar link, page goes down
instead of showing from the top. I have to scroll up everytime.


Image 2 is before clicking the link. Image 4 is after clicking the link.

Code:
<div id="investments_divheader">
<div id="smallline"></div>

<a id="ta_mainlink" href="#" onclick="showHideItems('ta_sidebar');">Company Accounts</a>

<a id="ef_mainlink" href="#" onclick="showHideItems('ef_sidebar');">Company Funds</a>

<a id="tf_mainlink" href="#" onclick="showHideItems('tf_sidebar');">Company Reports</a>

<a id="tp_mainlink" href="#" onclick="showHideItems('tp_sidebar');" style="width:140px">Company/Prime Funds</a>

<div id="investments_horizontalline"></div>


</div>

<!-- This section of div is for Company Account Tab vertical navigation side bar -->
<div id="ta_sidebar">
<ul style="padding:0;margin:0; list-style:none">
<li><a href="#ta_overview" onclick="showHideItems
('ta_overview');">Overview</a></li>
<li><a href="#ta_objectives" onclick="showHideItems
('ta_objectives');">Objectives & Guidelines</a></li>
<li><a href="#ta_repopool" onclick="showHideItems('ta_repopool');">Repo
Pool</a></li>
<li><a href="#ta_otheractivities" onclick="showHideItems
('ta_otheractivities');">Other Trust Activities</a></li>
<li><a href="#" target= "ta_investment" onclick="showHideItems
('ta_invstementstatment');">Investment Policy </a> </li>
<li><a href="#ta_trustreports" onclick="showHideItems
('ta_trustreports');">Trust Reports</a></li>
</ul>
</div>
<!-- End of Company Account Tab vertical navigation side bar
I have code like this for rest of tabs.
for vertical nav bar links here is the divs -->

<div style="float:left; border:solid thin green; width:750px; height:500px">
<!-- This section of divs is for company Account Tab contents -->
<div id="ta_overview">
<p> Something to Summarize company accounts.</p>
<p>&nbsp;</p>
</div>
<div id="ta_objectives">
Objectives and Guidelines of the company Accounts go here.
</div>
<div id="ta_repopool">
<p align="center"> CLIENT LIST &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;BALANCES </p>
<hr align="center" width="250px"/>
<pre>&nbsp; G &amp; P $0,000,000.00 </pre>
</div>
<div id="ta_otheractivities">
what goes here to reflect other Company activities ? crow services
</div>
<div id="ta_invstementstatment">
<iframe name="ta_investment" width="700px" height="460px"></iframe>
</div>
<div id="ta_companyreports">
This is company reports div
</div>
<!-- End of company Account Tab divs contents
Rest of the divs goes here -->

Any one has any idea.
I appreciate your response.:



Thanks
PK


OK. I attached the html page which you can run from your local machine and then you can understand.

 

Whats the url? All looks a bit bulky to me.

 

Perhaps you could describe the desired result of clicking a link on the horizontal nav bar or the vertical nav bar.

 

Why don't just use the normal hyperlink method until someone figures this out. It does look a little too bulky!