Social icons not appearing in ie

HTML & CSS
1

Hi all,

Its that time of the day were my brain just wont function enogh to work out this trivial problem so I was hoping you all could help. :slight_smile:

Iv added social icons to the bottom left of www.kylehouston.com which display fine in ff but not in ie, anyone any ideas on how I can fix this problem?

Many thanks in advance

Kyle

2

Thanks Rayzur, i knew it was something trivial but my mind just wasnt alert enough!

3

Hi,
You always need whitespace between the image path and the repeat value or BG positions for IE.

Here is what you have (in red)

background: url(images/social_sprite.jpg[B][COLOR=Red])n[/COLOR][/B]o-repeat 0 0;

Here is what you need

background: url(images/social_sprite.jpg[B][COLOR=Blue]) n[/COLOR][/B]o-repeat 0 0;
4

Probably a CSS problem. This could be number of things though, IE is known to be tricky. Just change CSS properties while testing in IE and see what happens with each change.

5

What version of IE are you using? they show in IE8 for me…all be it they are on the right not the left. . .

Ant