Rounded Corners, 1 image, no tables

<div class="rounded">
    <h3>This is the Title</h3>
    <p>This is the content. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam posuere tempor sem. Phasellus sed nisl at diam euismod adipiscing. Maecenas enim. Morbi quis odio. Cras id eros. Sed sodales lacus sit amet diam. Proin eu risus. Vestibulum hendrerit arcu vitae leo. Proin consequat leo vitae dolor. Duis eu urna eu augue malesuada convallis. Proin sollicitudin pretium massa.</p>
</div>

<style type="text/css">
	body { background: #FFF }  /* the image assumes a white background behind it set the body bgcolor */
	.rounded {
		color: #FFF; /* set the text color */
		background: url(rounded.gif) repeat-y top center; /* use center of image, and repeat vertically */
		width: 410px; /* same as image width */
	}
	.rounded h2 { 
		margin-top: 0;
		background: url(rounded.gif) no-repeat top left; /* use left portion of image for top bar */
		padding: 40px 25px 0px 10px; /* move text into real content area */
	}
	.rounded p {
		padding: 0 25px 40px 10px; /* move text into content area */
		background: url(rounded.gif) no-repeat bottom right; /* use right portion of image for bottom bar */
		margin-bottom: 0;
	}
</style>