I just came across a bizarre bug in Outlook 2010 that I thought I’d post up here as I couldn’t find any existing reference to it online. It’s possibly the most glitch-like bug I’ve ever seen in terms of email visuals.
I was using <em> tags within tags to italicise a few words of text, which contained some redundant default styles placed by the inliner I was using. When a test email was sent to Outlook, the paragraphs using these styles displayed a number of different issues:
- The first paragraph displayed as if it had a massive line-height.
- When highlighted, the text of all paragraphs changed position in terms of both line height and indent.
- Highlighted text overlaid the initial text (badly), so that there were effectively two imperfect layers of text.
Turned out to be one of the following redundant styles that was causing the problem. Once I removed these, everything worked fine:
<em style=“font-variant: normal; padding: 0; margin: 0; font-weight: normal; vertical-align: baseline;”>
Thought I would let people know in case it came up for someone else.