I sometimes switch back and forth between visual mode and html mode editing; I also sometimes put footnotes in my posts, by typing something like this in html mode:
<br />
This is some text.<a href="#footnote">*</a><br />
This is some more text.<br />
<a href="#footnote_ref">*</a>This is a footnote.<br />
So, if you click on the first *, you go to the footnote, and if you click on the second *, you go back to the point where the footnote was referenced. The problem is that if I switch to visual mode and back to html mode, the text gets changed to:
<br />
This is some text.<a href="#footnote"></a>*<br />
This is some more text.<br />
<a href="#footnote_ref"></a>*This is a footnote.<br />
The asterisks now appear after the closing tag, so there's nothing to click on to get to the footnote or back to the point where it was referenced.
This isn't a huge problem for me, because I can work around it by just fixing the links in html mode as the last step before publishing, or doing something like this:
<br />
This is some text.<a /><a href="#footnote"></a>*<br />
This is some more text.<br />
<a /><href="#footnote_ref">*This is a footnote.<br />
I've seen this behavior on Firefox 10.0 and Chrome 16.0.912.75 on Mac OSX Lion. And yes, I've tried clearing my cache and cookies (in Chrome, at least).
The blog I need help with is unlikelyexplanations.com.