Hello,
I am trying to find the best fix for a responsive email that has two tables, one floating to the right and one floating to the left. The table floating to the left has the 1px gap to the right of the table in Outlook and I have been trying to find the best fix to get rid of it. I found a solution that was provided by Email On Acid, but it includes to add a
<p> that then causes issues with Hotmail. This is the code I have.

<table width="212" border="0" cellspacing="0" cellpadding="0" align="left" class="leftTable" style="border:none; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse;">
  <tr>
    <td align="left" style="border:1px solid #ffffff" class="ribbon-space" ><p style="mso-table-lspace:0;mso-table-rspace:0;" ><img src="https://mlsvc01-prod.s3.amazonaws.com/d13d1efb101/8674a1df-e3fb-4c1a-b24b-c415d06974b7.png" width="214" height="178" style="display:block; border:0;"  border="0" class="ribbon-image" /></p></td>
  </tr>
</table>

I found another code that is supposed to work, but didn't work on my email

 <table border="1" bordercolor="#ffffff" cellpadding="0" cellspacing="0" align="left" style="padding: 0px; margin:0px; mso-table-lspace: -1pt; mso-table-rspace: -1pt; ">
  <tr>
    <td align="left" width="214"  style="border:none; mso-border-right-alt:solid #FFFFFF .5pt; border-collapse:collapse;" class="ribbon-space" ><img src="https://mlsvc01-prod.s3.amazonaws.com/d13d1efb101/8674a1df-e3fb-4c1a-b24b-c415d06974b7.png" width="214" height="178" style="display:block; border:0;"  border="0" class="ribbon-image" /></td>
  </tr>
</table>