Estoy agregando un Widget en el foro en formato html, le doy en configurar con el siguiente codigo pero no me funciona correctamente.

Me ayudan a Solucionarlo por favor?

Código HTML:

<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??

Temas Similares:

• Etiquetado HTML en el header
• Modificar el Ancho de [PHP],[CODE],[HTML] en los post para evitar que los deforme

Las rutas de las imágenes están mal. Quita images. del inicio de la URL.
Así es como debe quedarte

Código HTML:

<div style="position:relative;width:240px;height:120px;background-image:url(http://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://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://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> 

muchas gracias mcloud, si quedo pero, keda como descuadrado, osea queda bien pero deberia estar dentro del cuadro del widget, este se inclina un poco a la derecha y se sale, como puedo corregir ese problemita?

EDIT: ya lo pude corregir, muchas gracias mcloud por tu ayuda

Eso te ocurría porque era muy ancho. Yo lo puse con un ancho de 210px, en el lateral derecho y quedaba bien.