How to add a sprite to my page

I’ve created a sprite using spriteme. How do I now insert it into a wordpress post? Here is my CSS code which is in my child theme already:

a.hon span.displace {
background-image: url(http://worldofvirtues.com/wp-content/uploads/2013/05/s-hon1.gif);
background-image: url(http://worldofvirtues.com/wp-content/uploads/2013/05/spriteme3.png);
background-position: 0px 0px;
}
a.comp span.displace {
background-image: url(http://worldofvirtues.com/wp-content/uploads/2013/05/s-comp1.gif);
background-image: url(http://worldofvirtues.com/wp-content/uploads/2013/05/spriteme3.png);
background-position: 0px -156px;
}
a.lang span.displace {
background-image: url(http://worldofvirtues.com/wp-content/uploads/2013/05/s-lang1.gif);
background-image: url(http://worldofvirtues.com/wp-content/uploads/2013/05/spriteme3.png);
background-position: 0px -312px;
}
a.set span.displace {
background-image: url(http://worldofvirtues.com/wp-content/uploads/2013/05/s-set1.gif);
background-image: url(http://worldofvirtues.com/wp-content/uploads/2013/05/spriteme3.png);
background-position: 0px -467.9999694824219px;
}
a.rec span.displace {
background-image: url(http://worldofvirtues.com/wp-content/uploads/2013/05/s-rec1.gif);
background-image: url(http://worldofvirtues.com/wp-content/uploads/2013/05/spriteme3.png);
background-position: 0px -624px;
}