Text Running Over Aligned Image
Over the past few months, we've received a few notices that our text is running THROUGH an aligned imaged to the end of the container - as if the image weren't there at all.
It seems to occur mainly on Gmail Chrome and Yahoo Chrome and despite digging through all of those ESPs' image quirks, I couldn't find even a reference to this problem. Here is the code snippet in question:
<tr><td class="ad-panel" bgcolor="#def2fd" style="text-align: left; border-collapse: collapse; background: #def2fd; font-size: 16px; line-height: 21px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; Margin: 0; padding: 10px 16px 10px 16px; color: #222222;"> <a href="http://anywebsite.com" target="_blank" style="color: #00f; "><strong> Today, This Stock May Be $3... but It Could Rise to $27! </strong></a> <br /><br /> <img src="http://assets.oxfordclub.com/emails/images/mining-cart175.jpg" alt="Mining Cart" title="Mining Cart" style="outline: none; -ms-interpolation-mode: bicubic; max-width: 100%; display: block; margin: 0px 2px 2px 4px; border: none;" align="right" hspace="4"> This little-known mining company could save a $267 billion market... and jump-start your portfolio! If you act soon, you could net a NINE-BAGGER over time. <br /><br /> <a href="http://anywebsite.com" target="_blank" style="color: #00f; "><strong>Click here for more info</strong></a>... </td></tr>
And here is a screenshot of the reported break in the template:
Any assistance would be appreciated! Be gentle - I'm new :)