The new version of Hotmail causes rendering issues – use our fix

Published by

The new Hotmail is quickly being rolled out across the Hotmail user base.

However not without a significant issue for email marketers.

One of the first things we have noticed is the alignment of your email and some background colours are missing when using a user reads your email in Firefox, Chrome, Safari or any other browser which is not IE.

This is nearly 70% of Internet users according to

Here is an old versus new Hotmail example on an email:

Old version of Hotmail:


New version of Hotmail:


As you can see it looks like the email is now left aligned and the grey background has gone. What has actually happened is Hotmail will only display your email as wide as the maximum defined width in pixels – either from a table width in pixels or the width of the widest image – whichever is wider.

So if you have a containing table used to help set alignment and background colours at a width of 100% it won’t work. If your inner table which is set to a fixed width rather than a percentage of say 600 pixels then that is the width your entire email will be shown as.

So the background colour and alignment is as we defined but your 100% width table will only be 600 pixels wide and therefore none of it will be shown.

Why does it do this?

Essentially Hotmail has some code on the page which will always render the width of the email as the maximum fixed width you defined.

How do I fix it?

You could force the containing table to be say 900 pixels – but those viewing it in low screen resolutions or only a partial screen will not be able to see your full email. Indeed Hotmail even prevents you from scrolling to see these parts.

What you need to do is tell Hotmail to change it’s code and you can do that with a CSS reference. The items that restrict the width are much further up the page.

Simply put this CSS within your email and this will fix the issue:

<STYLE type=”text/css”>
{ width: 100%;}
{width: 100%;}

This tells your browser to change the code that Hotmail uses to restrict your email width.
And to prove it works here is the email with the fix:

New version of Hotmail (Email Fixed):


Sign-up to our newsletter at the bottom of the page to learn more about these valuable insights as we find them.