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: http://proyectoesi.byethost4.com/media/menu6.gif
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: http://www.cssmenumaker.com/menus/039/images/menu1.gif
Te dejo mi CSS para que veas:
#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.
