Encountering an issue with a rather straightforward website. It consists of a vertical scroll with a left side navigation. Whenever I click on a menu item, it fails to bring the corresponding section to the top of the page. I've experimented with a few solutions suggested by the community, but they haven't been effective with my current setup.
Here's a link to the jsfiddle for reference: http://jsfiddle.net/U44Ut/
Provided below is a basic outline of the layout:
<div id=wrap">
<div id="left">
<div id="nav">
<ul>
<li><a href="#item1">item 1</a></li>
</ul>
</div>
</div>
<div id="right">
<div id="content">
<div id="item1">CONTENT HERE</div>
</div>
</div>
</div>
Any insights or suggestions on how to tackle this issue?