Social icons not displaying correctly in IE

I’m not at my desk right now, so cannot debug it, but @harmonyinfotech is right, the 550px padding is almost certainly your problem (and even if it isn’t THE problem, it’s certainly A problem). The padding should normally be in single digits. 550px will send it half way across a large-ish screen.

The icons ar probably so padded-out that they are wrapping onto the next line. (i presume when you say it makes no difference you’re changing it up and down slightly, when it needs changing radically.)

As I say, this is speculation, as I’m not able to verify it online.

You should also remove the row-fluid span9 rule. Apart from having a syntax error in there, the spans are defined for the underlying twitter bootstrap; redefining them will have knock-on unintended effects all over the site/theme.

But where do you remove the span9 rule?

And I’ve tried removing all the css surrounding the padding…its still not showing correctly inside IE. Its fine in all browsers except IE.

What is the css you have kept currently?

The row-fluid span9 rule that you should remove is the second rule in the custom css that you posted above.