Repetición de fondo de un div con sprite

[chelsae]

Hola a todos,

A ver si me podéis echar una mano, quiero crear un div que contenga una imagen de fondo cogida de las cordenadas de un sprite y la porción del sprite (1x35) se repita de forma horizontal en el div, de igual menera que lo haría con un repeat-x con una sóla imagen.

No sé si me he explicado bien.

Muchas gracias

[lynxstyle]

no estoy muy ducho en esto pero creo que es así:

Código:

HTML podría ser algo parecido a: 

<ul>
    <li class="option1">Opción 1</li>
    <li class="option2">Opción 2</li>
    <li class="option3">Opción 3</li>
</ul> 
y para el CSS

    .option1, .option2, .option3 { padding-left:20px; }
    .option1 { background:url(iconos.png) 0 0 repeat-x;
    .option2 { background:url(iconos.png) 0 -30px repeat-x;
    .option3 { background:url(iconos.png) 0 -60px repeat-x;

esto está sacado de un artículo que leí, pero no lo he probado, mi a ver que tal va.