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:

Text Running Over Image

Any assistance would be appreciated! Be gentle - I'm new :)