Hyperlinked icons get an ugly box in IE on landing page

[Anonymous]

I've got icons that link to our various social media assets on a confirmation page, and in Internet Explorer, each of them is surrounded by an ugly box. This doesn't happen in Chrome. I tried highlighting each box and adding the following code which removes hyperlink formatting from normal text...

color: #585858; text-decoration: none;

But that didn't work. Any ideas?

[Anonymous]

Try adding "border: 0;" to the style for the images.  That works for me.

[Anonymous]

Hi Megan,

Just tried that - also tried "outline: none;" and neither of them work...

[Anonymous]

Hi David. I'm sorry that didn't work, and I'm new to responding in Marketo forums, but I know how it feels to try to crank out something on a Sunday night and not have much support to work through issues, so I'll do what I can to help.

Here's the basic structure that I've used that generally helps out with IE, and email viewing issues.

<a style="text-decoration: none; border: 0px;" href="[link here]"><img style="border: 0px;" src="[location of image here]" /></a>

If that doesn't work, maybe paste your code in a reply and I'll see if I can shed any light on the issue you're having.  A Marketo expert I am not, but I've wrestled with display issues before.