This is what I need the code to remain like:
<div id="frontsquares">
<a class="leftsquare" href="http://luxurycaribbeanvillarental.com/springhouse/?page_id=134"><img class="squareimage alignleft" src="http://luxurycaribbeanvillarental.com/springhouse/wp-content/themes/thematic/library/images/frontsquares/suites.gif" alt="Suites at Spring House Bequia" width="90" height="90" /><h2>Suites</h2>
Some text about the suites... +</a>
</div>
What that code generates, with CSS styles applied, when it's not being mangled by WP is a box that displays a thumbnail image and text - and the background of the box changes when the user hovers. I've used it many times in non-WP sites beautifully and successfully.
This is what WP is turning it into (even if I hard code in the HTML tab):
<div id="frontsquares">
<a class="leftsquare" href="../?page_id=134"><img class="squareimage alignleft" src="../library/images/frontsquares/suites.gif" alt="Suites at Spring House Bequia" width="90" height="90" /></a>
<a class="leftsquare" href="../?page_id=134"></a>
<a class="leftsquare" href="http://luxurycaribbeanvillarental.com/springhouse/?page_id=134"><h2>Suites</h2></a>
<a class="leftsquare" href="http://luxurycaribbeanvillarental.com/springhouse/?page_id=134"></a>
<a class="leftsquare" href="http://luxurycaribbeanvillarental.com/springhouse/?page_id=134"></a>
<a class="leftsquare" href="http://luxurycaribbeanvillarental.com/springhouse/?page_id=134">Some text about the suites... +</a>
What THAT mangled monstrosity generates is SIX boxes, all containing As you can probably imagine - this is REALLY annoying.
Is there a way to get the editor - HTML or Visual - to stop closing and adding <a> tags?