I'm having some issues with images for user flair.

Hello! I am editing some images to use as flair for r/wal_mart and I've run into some troubles with the CSS part. I used the tutorial on the wiki and followed it to a T, but for some reason the images just do no show up in the selection panel or in the template area.

My stylesheet addition:

.flair { background: url(%%flairsheet%%) no-repeat -9999px; border: 0; padding: 0; }

.flair-1sales { width: 53px; height: 45px; background-position: 0 0; }

.flair-2dm { width: 53px; height: 45px; background-position: 0 -45px; }

.flair-3supp { width: 53px; height: 45px; background-position: 0 -90px; }

.flair-4asm { width: 53px; height: 45px; background-position: 0 -135px; }

.flair-5co { width: 53px; height: 45px; background-position: 0 -180px; }

.flair-6store { width: 53px; height: 45px; background-position: 0 -225px; }

.flair-sam { width: 35px; height: 40px; background-position: 0 -270px; }

.flair-samluau { width: 51px; height: 45px; background-position: 0 -310px; }

.flair-spark { width: 36px; height: 40px; background-position: 0 -355px; }

.flair-zorro { width: 58px; height: 40px; background-position: 0 -395px; }