Canto arredondado na imagem de fundo de um título

Galera fui nessa linha

h2, .contentheading {
padding: 0;
font-family:Tahoma;
font-size: 12px;
vertical-align: middle;
color: #0932e5;
text-align: left;
font-weight: bold;
background: url(../images/cab_art.jpg) top left repeat-x;
height:25px;

coloquei o comando background, para colocar no fundo do titulo uma imagem, eu criei uma imagem tbm com o canto arredondado, mais nao estou conseguindo inserir as duas, exemplo quero que comece com a imagem de canto arredondado e depois a outra imagem se repita ate o fim, ae depois fecha com outra imagem de canto arredondado.

Ou entao se der certo de arredondar direto pelo css essa imagem de fundo que coloquei, como faço?
Valeuuuuuu <!-- s:ugeek: --><img src="{SMILIES_PATH}/icon_e_ugeek.gif" alt=":ugeek:" title="Uber Geek" /><!-- s:ugeek: -->

a imagem precisa ser em PNG caso vc keira q o canto seja invisivel.. testa ai..

uso o photoshop + coreldraw ..

riccelly escreveu: a imagem precisa ser em PNG caso vc keira q o canto seja invisivel.. testa ai..

uso o photoshop + coreldraw ..

entao amigo mais a minha duvida é jogar junto dessa imagem de fundo uma outra imagem que comece com o canto arredondado, eu ja criei a imagem com o canto arredondado, mais quando coloco o comando de background, o css nao aceita, pq ja tem o background: url(../images/cab_art.jpg) top left repeat-x;