I have a page with this code in it:
<a title="Link to Event form" href="#event-form"><img class="aligncenter size-full wp-image-3357" style="margin:10px auto;padding:0;" title="Button" src="http://mydomain.files.wordpress.com/2012/01/button.png" alt="Button" width="222" height="34" /></a>
If the last time I closed the edit function it was set to HTML, this page opens correctly as above.
If however the last time I closed the edit function it was set to Visual, this page opens in Visual and the has been moved to just after the href thus:
<a title="Link to Event form" href="#event-form"></a><img class="aligncenter size-full wp-image-3357" style="margin:10px auto;padding:0;" title="Button" src="http://mydomain.files.wordpress.com/2012/01/button.png" alt="Button" width="222" height="34" />
This of course wrecks the link which clicking on the image is supposed to take you to.
I've never seen this before in WordPress. What do I have to do to fix it? All ideas welcome!
(I've tried this with and without the full URL to the internal link anchor; it breaks the same each way)
The blog I need help with is sctf.org.uk.