I have created a site mockup in Photoshop, but came across a problem while developing - how can I include inline headings like this example using a background image?

 

 

Only way I can think of is using aload of unecessary divs.

You need only one div with the color of the bar, then you put a background image in the bar with the right end, and position it on the right side.

<div>
<h1>Welcome</h1>
<p>06/03/09</p>
</div>