Hi,

I created HTML email, including nested tables. Everything works fine except one nested table. Here is my code:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>#</title>
<style media="all" type="text/css">
    table td {
        border-collapse: collapse;
    }
</style>
</head>
<body>
<table align="center" width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFFF">
<tr>
<td>
<table width="640" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td>
<table width="640" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" style="display: block; border-spacing:0; font-size:0.0em;">
        <tr>
            <td rowspan="3" align="center" bgcolor="#ffffff" width="213" height="91">
                <img src="http://s16.postimg.org/gm252smud/content_04_01.jpg" alt="content_04_01" border="0" width="213" height="91" style="display:block;" />
            </td>
            <td align="left">
                <table width="61" border="0" cellpadding="0" cellspacing="0" style="display: block; border-spacing:0; font-size:0.0em;">
                    <tr>
                        <td></td>
                        <td rowspan="2" align="left">
                            <img src="http://s22.postimg.org/h9drw8eal/content_04_02_01.jpg" alt="content_04_02_01" width="61" height="30" style="display:block;" align="left" border="0" />
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" align="right" style="padding-top: 2px;">
                            <i style="font-family:Arial, Arial, Helvetica, sans-serif; font-size: 14px; color: #919191;">From:</i>
                        </td>
                    </tr>
                    <tr>
                        <td></td>
                        <td rowspan="2" align="left">
                            <img src="http://s16.postimg.org/9cgkk389t/content_04_02_02.jpg" alt="content_04_02_02" width="61" height="30" style="display:block;" align="left" border="0" />
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" align="right" style="padding-top: 2px;">
                            <i style="font-family:Arial, Arial, Helvetica, sans-serif; font-size: 14px; color: #919191;">To:</i>
                        </td>
                    </tr>
                    <tr>
                        <td></td>
                        <td rowspan="2" align="left">
                            <img src="http://s16.postimg.org/mungwdkf5/content_04_02_03.jpg" alt="content_04_02_03" width="61" height="31" style="display:block;" align="left" border="0" />
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" align="right" style="padding-top: 2px;">
                            <i style="font-family:Arial, Arial, Helvetica, sans-serif; font-size: 14px; color: #919191;">CODE:</i>
                        </td>
                    </tr>
                </table>
            </td>
            <td align="left" valign="top" bgcolor="#ffffff" width="191" height="30">
                <table width="191" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" style="display: block; border-spacing:0; font-size:0.0em;">
                    <tr>
                        <td></td>
                        <td rowspan="2">
                            <img src="http://s16.postimg.org/byw310zhh/content_04_03_01.jpg" alt="content_04_03_01" width="191" height="30" />
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" align="left" style="font-family:Arial, Arial, Helvetica, sans-serif; font-size: 17px; color: #3c3c3c; padding-top: 2px; padding-left: 18px;">Feki</td>
                    </tr>
                    <tr>
                        <td></td>
                        <td rowspan="2">
                            <img src="http://s16.postimg.org/l5edob4px/content_04_03_02.jpg" alt="content_04_03_02" width="191" height="30"/>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" align="left" style="font-family:Arial, Arial, Helvetica, sans-serif; font-size: 17px; color: #3c3c3c; padding-top: 2px; padding-left: 18px;">Bobo</td>
                    </tr>
                    <tr>
                        <td></td>
                        <td rowspan="2">
                            <img src="http://s16.postimg.org/q7vpj3e05/content_04_03_03.jpg" alt="content_04_03_03" width="191" height="31"/>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" align="left" style="font-family:Arial, Arial, Helvetica, sans-serif; font-size: 17px; color: #da3024; padding-top: 2px; padding-left: 18px;">123456789</td>
                    </tr>
                </table>
            </td>
            <td rowspan="3" align="center" bgcolor="#ffffff" width="175" height="91">
                <img src="http://s16.postimg.org/5ce0ll76p/content_04_04.jpg" alt="content_04_04" border="0" width="175" height="91" style="display:block;" />
            </td>
        </tr>
    </table>
</td>
</tr>
</table>
</body>
</html>
If you open this code in Safari or Gmail, there is left space near images in nested table. I'm really lost. I spent whole day but still didn't find solution. Can somebody solve this issue?