Ye, using IE but need it to work in all browsers.
We are getting there, finding it hard to explain what I am exactly looking for - basically we have been given a design by the designers and we are trying to make it work!
Will try one more time to explain what we are trying to do.
Menu floats on the left hand side, approx 150px down the page, below our main navigation bar.
On the menu, there will be links to divs within the page - this is working in your example - on load, the first link is selected and the arrow background for this link is pointing to the H1 tag
Home Link -----> Home H1 Tag
When the user clicks on the next link in the menu, the background changes and the arrow lines up with the H1 tag of the new section
Second Link ------> Second H1 Tag
which again, we sort of have working, but just now, it scrolls but doesnt put the 2nd dive to the top of the page - http://jsfiddle.net/BVVbg/
Anchor 2 seems to be stuck have way down and then if I click on Anchor 3 it also doesnt move.
Ideally, the menu would be seen at 150px (for example) on load, then if we scroll down the page, it slides up the screen until it hits the top of the browser.
Thanks for your continued help.