[Resolvido] Menu com bordas arredondadas usando CSS

Gostaria de fazer um menu com cantos arredondados utilizando imagens para isso.

O problema é que cada item do menu tem um tamanho diferente (devido ao número de letras de cada um).

Exemplo:

<ul> <li><a href="#">menu1</a></li> <li><a href="#">menu2</a></li> <li><a href="#">menu3</a></li> <li><a href="#">menu4</a></li></ul>

Para cada link eu teria que utilizar uma imagem para o canto esquerdo, uma para o centro (repetindo ela no X, repeat-x) e uma para a esquerda.

Como não é possível colocar mais de uma imagem de fundo pra cada elemento, não consegui fazer o que queria. Tentei usar span e outras coisas e quase consegui, mas não ficou bom. Usei uma imagem para o LI, uma para o A e uma para o SPAN:

<li><a href="#"><span>menu1</span></a></li>

Se alguém souber como fazer isso, ou tiver alguma idéia, agradeço a ajuda.

Valeu.....