Fluid Design - 3 row images issues

Hi everyone,

First of all i take the opportunity to wish you the best for the new year !

By the way, i have an issue with html fluid design email. I would like to put 3 images, within the same row. But, above and under the two first images, white gaps appear...It sounds strange...

Here is my code :

HTML

<table border="0" cellpadding="0" cellspacing="0" width="650" align="center" class="NewTable">
<tr>
<td><a href="#" target="_blank"><img src="leftmag.jpg" alt="" width="129" height="343" border="0" class="NewFluid" style="display:block;" /></a></td>
<td><a href="#" target="_blank"><img src="textmag.jpg" alt="" width="391" height="343" border="0" class="NewFluid" style="display:block;" /></a></td>
<td><a href="#" target="_blank"><img src="rightmag.jpg" alt="" width="130" height="343" border="0" class="NewFluid" style="display:block;" /></a></td>
      </tr>
</table>

CSS used

table[class=NewTable] {
    width: 100% !important;
}

img[class=NewFluid] {
    margin: 0 !important;
    width: 100%;
    height: auto !important;
}

Do you have any ideas about this issue ? I've tested it with Gmal and Apple Mail.

Thank you for your help.

Best regards,

Julien

See why 200,000 companies worldwide love Campaign Monitor.

From Australia to Zimbabwe, and everywhere in between, companies count on Campaign Monitor for email campaigns that boost the bottom line.

Get started for free