hola amigos tengo este problema, al crear un widget en html, le doy en configurar y agrego el siguiente codigo

Código PHP:

<div style="position:relative;width:240px;height:120px;background-image:url(http://images.domains.live.com/OpenSignupImages/OpenMembership240x120.jpg);overflow:hidden;">
  <div style="height:100%;width:100%;overflow:hidden">
    <table align="left" border="0px" cellpadding="5px" cellspacing="0px" style="table-layout:fixed;word-wrap:break-word;">
      <tr>
        <td width="240px" height="50px" align="center" valign="middle" style="color:#ffffff;font:16px Arial">Obtén una cuenta de @midominio.com gratuita</td>
      </tr>
    </table>
  </div>
  <div style="position:absolute;border:1px solid #ffffff;width:90px;left:15px;bottom:42px;">
    <div style="border:1px solid #1F59A5;">
      <div style="border:1px solid #ffffff;background-image:url(http://images.domains.live.com/OpenSignupImages/OpenButtonBackground.gif);padding:1px 0px 1px 0px;margin:0px;text-align:center;">
        <a href="https://domains.live.com/members/signup.aspx?domain=midominio.com"  style="font:bold 12px Arial,Helvetica,sans-serif;color:#092076;text-decoration:none;">Registrarse</a>
      </div>
    </div>
  </div>
  <div style="position:absolute;border:1px solid #ffffff;width:90px;right:15px;bottom:42px;">
    <div style="border:1px solid #1F59A5;">
      <div style="border:1px solid #ffffff;background-image:url(http://images.domains.live.com/OpenSignupImages/OpenButtonBackground.gif);padding:1px 0px 1px 0px;margin:0px;text-align:center;">
        <a href="http://mail.live.com"  style="font:bold 12px Arial,Helvetica,sans-serif;color:#092076;text-decoration:none;">Ver correo</a>
      </div>
    </div>
  </div>
</div> 


el deberia salir asi



pero en el CMS aparece asi


como hago para corregir este problema??