It looks like that is being caused by the sharaholic like plugin – it seems to be inserting code in the wrong place — look at the rendered HTML for that page:
<p>
<a class="shareaholic-fblike" 100%;"="" width:="" 3px;="" height:="" 1px;="" min-height:="" both;="" clear:="" data-shr_href="http%3A%2F%2Fcivilizedcavemancooking.com%2F%3Fp%3D6528' data-shr_title='Testing'></a><a class='shareaholic-fbsend' data-shr_href='http%3A%2F%2Fcivilizedcavemancooking.com%2F%3Fp%3D6528'></a><a class='shareaholic-googleplusone' data-shr_size='medium' data-shr_count='true' data-shr_href='http%3A%2F%2Fcivilizedcavemancooking.com%2F%3Fp%3D6528' data-shr_title='Testing'></a><a class='shareaholic-tweetbutton' data-shr_count='horizontal' data-shr_href='http%3A%2F%2Fcivilizedcavemancooking.com%2F%3Fp%3D6528' data-shr_title='Testing'></a></div><div style=" data-shr_showfaces="false" data-shr_layout="button_count">This is a test. For some reason every time I link anything in the first paragraph, it highlights everything before it in orange and no one can tell me why. Could anyone please help and tell me what it could be? I am just typing and blabbing to add some content and I am linking </a>
<a target="_blank" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','https://www.google.com']);" href="https://www.google.com">THIS TO GOOGLE </a>
and nothing else. Please help because this is driving me nuts.
</p>