Repetir parte de uma imagem de fundo de um input text

Então galera, utilizo este css para customizar o input text do formulário:

.text{
background:url(images/bg_input_login.png) no-repeat center;
text-indent:5px;
width:219px;
height:30px;
border:none;
color:#999;
font-size:11px;
letter-spacing:1px;
}

A imagem tem o tamanho de 219x30, e tem os cantos arredondados e com alguns efeitos...

O que eu quero fazer é o seguinte,

Quando tem um input do tipo texto que o width é maior, teria algum jeito de eu pegar e repetir a parte do meio da imagem de fundo

e deixar o canto arredondado no final?

Até mais, obrigado!