hi guys, i have a common situation where i have a:

<div style="width:600px;">

inside i have:

<h1> title </h1>

this is the heading css:

h1 {background: #16A2DD url("../images/titlearrow.jpg") bottom right no-repeat; height:30px;}

What happens is that the background of the heading goes all the way to the end of the div (600px) instead of being proportional to the title text.

I could give the width to the heading but that would be a problem when my client will change the title to something else.... longer or shorter.

I'm looking for a solution on how to have a background color incrementing with the text changes.

Thanks in advance...