SpriteMe not detecting social icons

[grablife]

My site: http://www.miniacmania.com/forum/index.php

I mainly want to create a sprite for the header images. I know the jpg
logo won't detect but I can't figure out how to make it detect the
social icons like Twitter, Facebook, etc. I'm currently using a
relative link for the icons. I tried changing one to an absolute link
but it still won't detect. Can anyone help me out?

[Steve Souders]

It looks like you're using data: URLs (not relative links).

-Steve

[grablife]

After I posted, I implemented data URI. I'm still curious as to why it
will not detect the images. Does SpriteMe only detect background
images?

Here is the code for the images I added back in for IE 6 and 7 as they
won't work with data URIs.

<!--[if (IE 6)|(IE 7)]>
<div id="social_bar">
<a href="http://www.miniacmania.com/forum/
feed.php"><img alt="RSS" src="{T_THEME_PATH}/images/social/rss.png"></
a>
<a href="https://www.facebook.com/pages/Miniac-
Mania/360219227350397"><img alt="Facebook" src="{T_THEME_PATH}/images/
social/facebook.png"></a>
<a href="https://twitter.com/#!/MiniacMania"><img
alt="Twitter" src="{T_THEME_PATH}/images/social/twitter.png"></a>
<a href="https://plus.google.com/u/1/110406276481679584498/posts?
hl=en"><img alt="Google +" src="{T_THEME_PATH}/images/social/
google.png"></a>
<a href="mailto:ad...@miniacmania.com"><img alt="Contact Admin"
src="{T_THEME_PATH}/images/social/gmail.png"></a>
</div>
<![endif]-->