Repetir imagen CSS Sprite

Hola.
Tengo una imagen generada para css sprite pero veo que las imagenes se generan en fila hacia abajo, asi como esta:




Lo que busco es repetir la imagen roja para un menu horizontal como este:



El problema es que al usar "repeat-x" me muestra el "lado derecho gris" de la primera imagen es decir todo el ancho no solo el lado "rojo".

Se ve asi:



QUIERO QUE SE MUESTRE SOLO EL COLOR ROJO COMO FONDO.

¿Como logro esto?
¿Necesito crear la barra completa de 1000px?

(las imagenes y colores solo son de referencia la imagen que planeo usar es un gradient)

Saludos y gracias por su tiempo.

uhmm si es para usar el html5 famoso, ya existen parámetros que regulan el ancho y demás de los backgrounds. Pero no todos los nav estan aun en la última.Sería solo ajustar el ancho a cada uno (un lio la verdad)

tal vez sea mejor usar imágenes independientes en vez de usar una(sprite).

los sprite famosos, son más prácticos para botones, etc

Si el color es sólido, no necesitas una imagen.

@DriverOp claro!!
Por eso especifique que solo eran de referencia, usare gradients.

@Silvestre_
No es para HTML5 pero creo que voy a hacer 3 tipos de sprites.

Gracias por su tiempo.

Si es gradiente de dos colores tampoco necesitas una imagen.
Para los navegadores modernos basta con:
[css]
background-image: linear-gradient(#color_inicio 0, #color_final 100%);
[/css]
Para IE8-
Usar css3pie.

Hola amigo buenas mira yo tambien un tiempo tuve ese problema pero yo mismo me lo resolve usando algo de logica, ponte a pensar la imagen que pones al principio esta bien, tiene su color rojo pero mas a la derecha tiene un espacio en blanco por asi decirlo ya que tienes otras imagenes mas grandes, y ese espacio en blanco sigue siendo parte de la imagen, asi que se repite hasta que se termina toda la imagen en si, y ya vuelve a aparecer el rojo de nuevo, lo que tienes que hacer para que un css sprite pueda repetirse correctamente es que todas las imagenes que tengas, tengan el mismo ancho si me explico?

Mira aqui te djo una imagen de un sprite de Mercado libre, observa que en si todas sus imagenes tienen el mismo ancho

http://static.mlstatic.com/org-img/chico/img/chico-min-sprite-v4.png

Espero poder haberte ayudado, sayudos

Si, ya lo resolvi asi como me dijiste @sunnyton y con 3 tipos de sprite los de Y los de X y ahora ando investigando si es posible para botones tambien es decir que no sean backgrounds.

Por su tiempo a todos gracias.