Advice wanted - My HTML is rendering improperly within Gmail on web based view. The banner image displays as it should but the content and image below are jumping to a new column. My tables are aligned properly and the size is set properly as it views perfect in all other clients but GMAIL. Trying to figure out how this is happening and how to fix.

<p style="font-size: 17px;color: #000;font-family: Arial, sans-serif;line-height: 21px;margin: 10px 0 10px 0;font-weight: normal;padding: 0px"><b><i>Click here to get the full results of the 2013 Vision Solutions Data Sharing Survey.</i></b>
<br/><a href="" style="font-family: &quot;arial&quot;, sans-serif;color: #3084cb;text-decoration: none;padding: 0"><img alt="Register_Now_Ex_Webinar.jpg" height="55" src="" style="border: 0 none;padding-right: 0;padding-bottom: 10px;border-style: none;border-color: inherit;border-width: 0;margin-bottom: 0;margin-right: 5px" width="177"/></a></p>

                                                    </td><table align="center"><tr><td width="177"><img alt="Double-Take Share Graphic" height="171" src="" style="border: 0 none;float: right;padding-left: 5px;padding-bottom: 15px;border-style: none;border-color: inherit;border-width: 0;margin-bottom: 0" width="245"/><td align="center" width="342"><br><p style="font-family: &quot;arial&quot;, sans-serif;font-size: 16px;font-weight: normal;color: #000;line-height: 120%;margin: 0 0 10px 0;padding: 8px">text goes here.<a href="" style="color: #fe0000;font-family: &quot;arial&quot;, sans-serif;text-decoration: none;padding: 0"> Click here to learn more.</a> </p>