I have an internal links set up on this page:

debbierking.com/bootstrap/index.php

The Work and Contact links are working correctly. However, the About link is acting very capricious, especially when clicked on from another page. It usually takes you to the bottom of the section, rather than the top. Or sometimes it takes you the top then drops down to the bottom.

I have been going round and round on this, trying many different things but am not able to isolate the problem. Any suggestions would be greatly appreciated!

  <ul class="nav pull-right">
      <li class="active work"><a class="#work" href="index.php#work">Work</a></li>
      <li><a class="about" href="index.php#about">About</a></li>
      <li><a class="cont" href="#contact">Contact</a></li>
  </ul>

Here is the markup:

  <div id="about"> 
      <h2>A Bit About Me</h2>