Recently, Gmail has started behaving like Hotmail/Firefox by adding a margin around images. As you can guess, design and layout breakage ensues:
Based on our tests, this issue is affecting Gmail when viewed in IE7, Firefox 3.6, Google Chrome 4.1 (Windows), and Safari 4, Firefox 3.5 (Mac). Thankfully, there’s a simple fix.
The solution
You can fix this issue in all of the above clients by adding img { display: block; } to the <head></head> section of your HTML newsletter code. VigorMail can automatically convert your CSS to inline styles, so once you’ve added this, we’ll do the rest:
Alternately, you can add it directly to your styles like so: <img src="image.jpg" style="display: block;" />. The result is the same – fixed!
You might want to run your email campaign through our design and spam tests, just to be certain. By adding this to your styles, you will be hitting two birds with one stone by preventing image rendering glitches in both Hotmail/Firefox and Gmail.
Don’t forget to test your campaigns!
