I’ve been trying to add the image to my sprite. Here is what i’ve tried (below) but I don’t think it is best. I can get it to work but if the link text changes width as in case it is translated or something it will mess up. What is the correct way to do this?
I use something more like this and it seems to work for me…
.links a.top-link-checkout:before { content:"";
display:inline-block;
width: /* set the width you want here */
height:/* set the height you want here */;
margin: /* set your margins for the positioning */
background: url(../images/sprite.png) no-repeat 0 0;
background-size: cover;
float: left; }