background image problem in some cases, but not others

Hi There-

I use this background image:

http://support.articulate.com/images/_blue-bar.gif

..as part of this style:

	.bluebar {
	font-size:9pt;
	font-family: Helvetica, Tahoma, Arial;
	color:#FFFFFF;
	font-weight:bold;
	background-image:url(http://support.articulate.com/images/_blue-bar.gif);
	line-height:190%;
	padding:2px;
	margin-top:10px;
	text-align:left;
	letter-spacing: 0em;
	text-indent: 5px;
		}

It works fine 9 times out of 10, like this:

http://support.articulate.com/kb/000538.php

...but there are certain cases, when my titles are too long, that it looks bad when it breaks to a second line, like this:

http://support.articulate.com/kb/000556.php

Any suggestions?? I have one template for ALL 200 or so Knowledge Base entries, so manually assigning a different style on a case-by-case basis is not an option. Is there a way to account for this in CSS? Or a conditional way to display a larger background? Or should I just modify the background image to account for this?

Thanks!