Confundido con CSS Sprites

[chicohot20]

Buenos Días.

Estoy usando CSS Sprites y tengo el siguiente código en mi css:

Código CSS:

.footer_logos{background: url(../images/sprite.png) no-repeat 0 -212px;}
.flag_spain{background: url(../images/sprite.png) no-repeat 0 0px;}
.flag_portugues{background: url(../images/sprite.png) no-repeat 0 -24px;}
.flag_germany{background: url(../images/sprite.png) no-repeat 0 -48px;}
.flag_usa{background: url(../images/sprite.png) no-repeat 0 -72px;}
 

Cada .clase se encuentra en diferentes lugares de mi pagina. Pero mi código me parece deficiente, que opinan Uds.?. Si se llama varias veces: background: url(../images/sprite.png) el navegador sólo hace un petición? estoy un poco confundido, gracias.

[tredio]

la forma correcta para evitar duplicacion de codigo, y tener un codigo mas limpio, seria colocar el background en una clase aparte, algo asi:

Código CSS:

.sprite{background: url(../images/sprite.png) ; background-repeat:no-repeat}
.sprite.footer_logos{ background-position: 0 -212px;  }
.sprite.flag_spain{background-position: 0 0px;}
.sprite.flag_portugues{background-position: 0 -24px;}
.sprite.flag_germany{background-position: 0 -48px;}
.sprite.flag_usa{background-position: 0 -72px;}