List-style-image not showing in IE7 or IE8 please help

Ok guys, I am sure I have asked this question before but I cant find teh answer and have forgotten how to do it and I am sure its a perfectly simple fix! Funnily enough it is working on one of my other websites but i cannot replicate it.

Please take a look at my demo over at http://www.mydnn.info/Welcome.aspx this is just a developer address at the moment and I am having a crak at redesigning a website to making it responsive.

The problem I am having it with teh sicial icons that I have turned into a list with each list item showing a different icon as seen on the right hand side of the page, my problem is that they dont show in Ie 8 or 7. IE 9 is fine and all chrome and FF are behaving as expected.

Look forward to your help! Thanks a bunch!

Hayden

gah, ignore this. I figured it out! IE didnt like the scroll 0 2px transparent, i was placing at teh end, turned out i didnt need it there anyway.

IE has no problem with that but it does have a problem if you don’t leave a space after the bracket i.e. url(images.gif)no-repeat. It needs to be url(images.gif) no-repeat.