Changing LJ Userhead Icons

[the_other_sandy]

I tried to change my little LJ userhead icons with code I copied and pasted from this comm, but I apparently did something wrong. What I want to do is change the userinfo.gif, community.gif, and openid-profile.gif to 3 new userheads (the userinfo.gif will be different from the community.gif and so forth). When I paste the code into the Custom CSS window, all 3 userheads change, but they change to the same image instead of being different from each other.

This is the code I copied (edited to add my pics):

.ljuser img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-color:transparent;
/* so that IE users will still see an image */
background-image: url(http://pics.livejournal.com/the_other_sandy/pic/0000942k);
padding: 20px 20px 0 0px !important;
}

.ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {
background-color:transparent;
background-image: url(http://pics.livejournal.com/the_other_sandy/pic/0000942k);
padding: 20px 20px 0 0px !important;
}

.ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] {
background-color:transparent;
background-image: url(http://pics.livejournal.com/the_other_sandy/pic/0000ayr5);
padding: 20px 20px 0 0px !important;
}

.ljuser img[src="http://p-stat.livejournal.com/img/openid-profile.gif"] {
background-color:transparent;
background-image: url(http://pics.livejournal.com/the_other_sandy/pic/00008r98);
padding: 20px 20px 0 0px !important;
}

Did I copy too much or not enough of the original code? The original poster wanted to do a couple of other things that I didn't, so I tried to only copy the relevant parts. I guess I missed something.

ETA: Solved! Thanks to kaetarin for recommending the LJ Tiny Icon Generator.