Проблемы с отображением эл. письма (табличная верстка)

[zatire]

Доброго вечера.

Сверстал простенькое письмо для почтовой рассылки.

Однако в распространенной во многих компаниях почтовой программе windows live данное письмо отображается совершенно некорректно - расплывается на какую-то неадекватную ширину.

(в остальных браузерных/отдельных почтовых клиентах письмо отображается таким, каким оно было запланировано).

 

Научите - в чем я ошибся/как исправить?

 

Код таблицы с которой начинает плыть верстка:

  Показати вміст

<table style="width:100%;"> <tbody> <tr> <td colspan="4" align="center" valign="middle" class="a" style="padding:5px 0;font-weight:bold; font-size:30px; color:#333; font-family:helvetica,arial,sans-serif; line-height:30px; font-size:25px"> О нас:</span></td> </tr> <tr> <td colspan="4" align="center"> <span style="font-family:arial,helvetica,sans-serif;font-size:16px; display:block; margin: auto; ">текст:</span></td> </tr> <tr height="30px"> <td align="center" height="40px" width="25%" title="Кликните, чтобы скачать коммерческое предложение" > <a href=" .." style=" height:50px;width:25%;"><img alt="" src=";" /></a></td> <td align="center" height="40px" width="25%" title="Кликните, чтобы скачать коммерческое предложение" style="position:relative; width:25%"> <a href="..." style=" height:50px;width:25%; "><img alt="" src="" style="width:80%; height:auto; vertical-align:bottom;" /></a></td> <td align="center" height="40px" width="25%" title="Коммерческое предложение в разработке" style="opacity:0.3; position:relative;"> <a href="" style=" display:block; height:50px;"><img alt="" src="" style="height:100%; width:auto; vertical-align:bottom; opacity:0.3;" /></a></td> <td align="center" height="40px" width="25%" title="Коммерческое предложение в разработке" style="opacity:0.3;"> <a href="" style=" height:50px;width:25%;"><img alt="" src="" style="width:80%; height:auto; opacity:0.3; " /></a></td> </tr> <tr height="30px"> <td align="center" title="Кликните, чтобы скачать коммерческое предложение"> <a href="" style="display:block; font-size: 16px;"><span class="text1">А (Россия)</span></a></td> <td align="center" title="Кликните, чтобы скачать коммерческое предложение"> <a href="" style="display:block; font-size: 16px;">Э (Россия)</a></td> <td align="center" title="Коммерческое предложение в разработке"> <a href="" style="display:block; font-size: 16px;"> (Россия)</a></td> <td align="center" title="Коммерческое предложение в разработке"> <a href="" style="display:block; font-size: 16px;">D (Турция)</a></td> </tr> <tr height="50px"> <td align="center" height="40px" width="25%" title="Кликните, чтобы скачать коммерческое предложение"><a href="..." style=" height:50px;width:25%;"><img alt="" src="" style=" height:100%; width:auto; vertical-align:bottom; " /></a></td> <td align="center" height="40px" width="25%" title="Коммерческое предложение в разработке" style="opacity:0.3;"> <a href="" style=" height:50px;width:25%;"><img alt="" src="" style=" width:80%; height:auto; opacity:0.3;" /></a></td> <td align="center" height="40px" width="25%" title="Коммерческое предложение в разработке" style="opacity:0.3;"> <a href="" style=" height:50px;width:25%;"><img alt="" src="" style="width:80%; height:auto; opacity:0.3;" /></a></td> <td align="center" valign="middle" height="40px" width="25%" title="Коммерческое предложение в разработке" style="opacity:0.3;"> <a href="" style=" height:40px;width:25%;"> <img alt="" src="" style="width:80%; height:auto; opacity:0.3;"/></a></td> </tr> <tr height="30px"> <td align="center" title="Кликните, чтобы скачать коммерческое предложение"> <a href="" style="display:block; font-size: 16px;">K(Германия)</a></td> <td align="center" title="Коммерческое предложение в разработке"> <a href="" style="display:block; font-size: 16px;">Z (Германия)</a></td> <td align="center" title="Коммерческое предложение в разработке"> <a href="" style="display:block; font-size: 16px;"> (Франция)</a></td> <td align="center" title="Коммерческое предложение в разработке"> <a href="" style="display:block; font-size: 16px;">TШвеция)</a></td> </tr> <tr height="15px"> <td colspan="4"> </td> <tr> </tbody> </table> 

[zatire]

Набросал общую схему элементов таблицы: