Yo lo que hice fué modificar con Photoshop la imagen y la apliqué con una clase. Se posiciona con la propiedad: background.

Mi imagen es: Debe registrarse para ver este enlace. Gracias por su visita.



Y el estilo del menú es:

background: transparent url(../media/menu6.gif) repeat scroll 0 -32px;

Como ves, tiene un -32px, que indica la posición en la imagen.

Pues tu imagen es igual: Debe registrarse para ver este enlace. Gracias por su visita.



Te dejo mi CSS para que veas:

Código: Seleccionar todo

#menu li a.focus {
      background:  url(../media/menu6.gif) 0 -32px;
      color: #FFF;
      font-weight: bold;
      padding: 5px 0 0 10px;
      }

Define las pseudoclases para tu menú y le aplicas eso.

Si no te has enterado bien pregunta.

Salu2.