HTML CSS image sprites

<head><style type="text/css">
a#rosso{
background-image:url(sprite.jpg); background-position: -60px 0;
display:block; width:50px; height:64px; }
a#nero{
background-image:url(sprite.jpg); background-position: -5px 0;
display:block; width:50px; height:64px; }
</style> </head> <body>
<p>Immagine completa: <img src="sprite.jpg" border="1"></p>
<p> Sprites:
<a id="rosso" href="#">Rosso</a>
<a id="nero" href="#">Nero</a>
</p></body></html>