Ponerle un límite al Sprite CSS

[American2010]

Consulto esto, porque si bien intenté buscarlo, no di con este caso...

Lo que pasa es lo siguiente, estoy usando un theme de WP que usa sprite para el fondo de unos divs

Específicamente en el div Tags se produce un problema, si los tags ocupan una linea todo bien, pero al ocupar 2 lineas viene el problema.

Una imagen vale mas que mil palabras, así que les dejo lo que está pasando, para ver si me pueden ayudar a como correjirlo...

[DragonX]

eso te esta pasando porque utiliza el sprite de fondo de todo el contendor de etiquetas, por ende cuando el contendero crece te muestra las img que queda ocultas cuando solo tenes una línea, podes poner la URL asi vmeos como podemos solucionarlo?

[American2010]

Es en este sitio

http://www.alt245.com.ar/

Lo que pense como "salida fácil" era recortar el sprite (se llaman así no?) dónde están todas las imágenes y separar el tag para usarlo por separado...

Pero después pense que quizás haya algo para que, no sólo decirle al fondo donde debe posicionar la imagen, sino delimitarle de donde hasta donde mostrar del sprite...

Gracias por las ideas que aporten...

[American2010]

Se me ocurre que puedo hacer esto, donde tengo

Código PHP:

 <p class="tags"><?php the_tags(' ', ', ', ' '); ?></p>  

Poner

Código PHP:

 <p class="tags"><div class="tagback"></div><?php the_tags(' ', ', ', ' '); ?></p>  

En el el CSS dejarlo así...

Código:

.tags { line-height:200%; }
.tagback {background-image: url(images/span.gif); background-repeat:no-repeat; padding-left:15px; background-position:left -13px; }

A lo sumo ver si al tagback es necesario definirle la altura y listo... Creo que funcionaría... Voy a probarlo.