Hi all,

This is my first attempt at making email templates and I have been pulling my hair out when it comes to the v:textbox.

My HTML looks just fine when I view it in a browser or even in Outlook before I send the mail. The issue comes up when reading the email on a client like Gmail or Outlook for Mac.

Both these clients save the "Live Text" as an image. On Gmail, the text is totally distorted and displays next to the image instead of being on top of the image as in Outlook.

Please take a look at the code below and advise what could be the cause of this:

`
<table class=MsoNormalTable style="padding:0; margin:-1px;border-spacing: 0px;">
 <tr>
  <td>
  <p class=MsoNormal><!--[if gte vml 1]>
  <v:rect style="position:absolute;width:770px;height:220px;" strokecolor="none">
      <v:fill type="frame" src="http://www.websiteurl.com/signature/image.png" althref="image.png"/>
       </v:fill>
   </v:rect>
  </v:rect><![endif]--><![if !vml]><span style='mso-ignore:vglayout;position:
  absolute;z-index:251657216;width:770px;height:220px'><img width=770 height=220 src="http://www.websiteurl.com/signature/image.png"
  v:shapes="Rectangle_x0020_3"></span><![endif]>
  <!--[if gte vml 1]>
  <v:rect style="position:absolute;width:250px;height:200;" stroked="false">
   <v:fill opacity="0"/>
   <v:textbox>
    <div id="page-container">
                <div id="pf2">
                    <div class="top10"><strong>NameSurname</strong></div>
                    <div><p style="font-weight: lighter;">Designation</p></div>
                    <div><p>CellNumber</p></div>
                    <div><p>Emailaddress</p></div>
                    <div><p style="font-weight: lighter;">Tel: PhoneNumber</p></div>
                    <div><p style="font-weight: lighter;">Fax: FaxNumber</p></div>
                    <div><strong>www.websiteurl.com</strong></div>
                </div>
            </div>
    <![endif]></v:textbox>
  </v:rect><![endif]--><![if !vml]><span style='mso-ignore:vglayout;position:
  absolute;z-index:251658240;margin-left:8px;margin-top:10px;width:250px;
  height:200px'>

  <v:textbox>
    <![if !mso]>
    <table cellpadding=0 cellspacing=0 width="100%">
     <tr>
      <td><![endif]>
      <div>
      <p class=MsoNormal><span class=SpellE><strong><span style='mso-ansi-font-size:
      12.0pt;mso-fareast-font-family:"Times New Roman"'>NameSurname</span></strong></span><span
      style='font-size:11.0pt;mso-bidi-font-size:12.0pt;mso-fareast-font-family:
      "Times New Roman"'><o:p></o:p></span></p>
      <p class=MsoThin style='margin-top:6.0pt;margin-right:0cm;margin-bottom:
      6.0pt;margin-left:0cm'><span style='font-size:12px;mso-bidi-font-size:
      10.5pt;font-family:"Segoe UI",Calibri, Verdana, sans-serif;color:white'>Designation<o:p></o:p></span></p>
      <p class=MsoNormal style='margin-top:6.0pt;margin-right:0cm;margin-bottom:
      6.0pt;margin-left:0cm'><span class=SpellE><span style='font-size:12px;
      mso-bidi-font-size:10.5pt;font-family:"Segoe UI",Calibri, Verdana, sans-serif;color:white'>CellNumber</span></span><span
      style='font-size:12px;mso-bidi-font-size:10.5pt;font-family:"Segoe UI",Calibri, Verdana, sans-serif;
      color:white'><o:p></o:p></span></p>
      <p class=MsoNormal style='margin-top:6.0pt;margin-right:0cm;margin-bottom:
      6.0pt;margin-left:0cm'><span class=SpellE><span style='font-size:12px;
      mso-bidi-font-size:10.5pt;font-family:"Segoe UI",Calibri, Verdana, sans-serif;color:white'>Emailaddress</span></span><span
      style='font-size:12px;mso-bidi-font-size:10.5pt;font-family:"Segoe UI",Calibri, Verdana, sans-serif;
      color:white'><o:p></o:p></span></p>
      <p class=MsoThin style='margin-top:6.0pt;margin-right:0cm;margin-bottom:
      6.0pt;margin-left:0cm'><span class="MsoThin"style='font-size:12px;mso-bidi-font-size:
      10.5pt;font-family:"Segoe UI",Calibri, Verdana, sans-serif;color:white'>Tel: <span
      class=SpellE>PhoneNumber</span><o:p></o:p></span></p>
      <p class=MsoThin style='margin-top:6.0pt;margin-right:0cm;margin-bottom:
      6.0pt;margin-left:0cm'><span style='font-size:12px;mso-bidi-font-size:
      10.5pt;font-family:"Segoe UI",Calibri, Verdana, sans-serif;color:white'>Fax: <span
      class=SpellE>FaxNumber</span><o:p></o:p></span></p>
      <p class=MsoNormal><strong><span style='mso-ansi-font-size:12.0pt;
      mso-fareast-font-family:"Times New Roman"'>www.websiteurl.com</span></strong><span
      style='font-size:11.0pt;mso-bidi-font-size:12.0pt;mso-fareast-font-family:
      "Times New Roman"'><o:p></o:p></span></p>
      </div>
      <![if !mso]></td>
     </tr>
    </table>
    <![endif]></v:textbox>

  <o:p></o:p></span></p>
  </td>
 </tr>
</table>

`