Servicios W.Y.Z - Crear un html que se vea en Microsoft Outlook

Crear un html que se vea bien en Microsoft Outlook 2007/2010

Microsoft Outlook 2007/2010 suele provocar problemas con la visualización de los mensajes de HTML.
Estas nuevas versiones a diferencia de las anteriores que utilizaban el motor de IE para procesar los correos, utiliza el motor de Word.
Muchos problemas pueden ser remediados evitando las hojas de estilo en cascada, algunos tags HTML (DIV, SPAN, EMBED, etc) y Javascript. Sin embargo, la utilización de Outlook 2007/2010 trae nuevos problemas.
Se debe tomar en cuenta :
Todas las sentencias CSS serán aplicadas en línea ejemplo:< p style="color: #efefef;">Texto</p>. Si la maqueta o estructura posee columnas deben implementarse mediante tablas. Ejemplo:
< table width="736" border="0" align="center " >
 < tr  >
   < td width="x" height="x"  >
   < div > Texto </div>
   </ td >
 < /tr >
</ table >
No se deben usar atributos CSS de posicionamiento, dimensiones e imágenes.
Las dimensiones deben darse por medios de los atributos de tablas, ejemplo: < td width="100" height="200">< / td >
No se deben usar imágenes de fondo.
No debe usar GIF animados, solo se mostrará el primer fotograma.
No debe usarse ni Javascripts ni flash, no funcionarán.

En cuanto a los selectores CSS da soporte a varios pero falla en los siguientes:
e > f   e:active, e:hover
e:focus   e:first-line
e:first-letter    

Propiedades CSS básicas que no soporta:
float clear display background-image
visibility overflow border-spacing background-position
width opacity height background-repeat
vertical-align Atributos de posicionamiento (position, left, right, top, bottom)
Siempre es recomendable tener una versión Web de la publicación incluir un vínculo por fuera del cuerpo del correo que diga “Si no puede ver este correo haga click aquí”. Algunos programas de correo, o las aplicaciones para celular no despliegan bien los correos con html. El link debe llevar a una versión online del mismo boletín.