I am sure like me most of you are facing problem in viewing your promotional newsletters and emailers in Gmail for some time. Even in yahoo mail you may experience the same problem.

Due to addition of margin around the images, the html gets distorted. Incidentally the solution to fix this issue is very simple. Just add ‘display: block;‘ in image’s inline style.
Example:
<img src="image_name.jpg" border="0: style="display: block;" />
For the safer side you can add ‘margin: 0pt; padding: 0pt;‘ along with the display.
Example:
<img src="image_name.jpg" border="0" style="margin: 0pt; padding: 0pt; display: block;" />

I have done the cross browser testing and find working smoothly for me. Hope it will work for all.

