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

200,000 companies around the world can't be wrong.

From Australia to Zimbabwe, and everywhere in between, companies count on 
Campaign Monitor for email campaigns that drive real business results.

Get started for free
1-888-533-8098