Glitter Username + Username Icon Problem

Everytime I put a glitter on my username, my username icon disappears. Username glitter + icon was working a couple of months ago before I removed it to make my username simple. Now, I want it back because I'm going to sell glitter username in my forum shop.

These are the codes I'm using for:
Icon before username:

Code:

  p a[href="/u1"], .postprofile strong a[href="/u1"], #chatbox_members a[href="/u1"] {
        background: url("http://imgh.us/couronne.png") no-repeat;
        padding-left: 20px;
        padding-top: 2px;
    }

Glitter:

Code:

a[href="/u1"] {
    background: url("http://i45.servimg.com/u/f45/15/95/60/34/glitte10.gif
");
}

Please help, thank you.

Can you give us the link and a test account?

Try that last code like this:

Code:

a[href=/u1] {
background:url("http://i45.servimg.com/u/f45/15/95/60/34/glitte10.gif\A");
}

runawayhorses wrote:Try that last code like this:

Code:

a[href=/u1] {
background:url("http://i45.servimg.com/u/f45/15/95/60/34/glitte10.gif\A");
}

Not working.  

@Xnomejx
Here is the link: http://animeph.4umer.com/forum

And why is the test account?

Hello JAN2XONLINE,

The problem is you're using two background properties on one element, this would not work as the next CSS would overwrite the last background.

You should try using the :before pseudo class and content property:

Code:

a[href="/u1"] span strong:before {
content: url("http://imgh.us/couronne.png");
}

SethC1995 wrote:Hello JAN2XONLINE,

The problem is you're using two background properties on one element, this would not work as the next CSS would overwrite the last background.

You should try using the :before pseudo class and content property:

Code:

a[href="/u1"] span strong:before {
content: url("http://imgh.us/couronne.png");
}

Okay, so I'll replace the code I'm using right now for the glitter username to that code?

Non, that is for the crown Icon. So remove the crown one if you're using it, you can keep glitter.