I know this will look a bit weird, but this is how we do footnotes where I work.. they want users to be able to link back to footnote reference while reading footnote..
for some odd reason these footnote links are not working in Chrome.. they work in every other browser, but not Chrome... we were using anchor-names.. I did some research yesterday and found this
so got rid of anchors, linking to id's now... but Chrome still won't play ball.. not even sure if this is a CSS problem, but simply do not what the problem is..
Chrome doesn't like the fact that you are absolutely placing those hidden links from within that inline element and is getting confused and probably thinks the destination is somewhere else.
You can either set the anchors to inline-block:
Or move the id on to the p element instead.
<p id="footnote1"><a onclick="wi etc....
oh my gosh..... thank you!!
putting id's in <p> instead of <a> did it... duh... can't believe I hadn't thought of that.. sometimes when you get so used to a certain code you just don't always think outside the box..