Rounded rectangles with a non-repeating background

One problem I have come across on several occasions is creating a fixed-width rounded rectangle that, in addition to its rounded-ness, has a non-repeating backgrund image. Here is an example of what I'm talking about:


So lets start with the rounded rectangle part.  This is the typical html that I might use:

<div class="rect_wrap">

  <div class="rect_top"></div>

Read on

3rd Party HTML

So here is an interesting question I came across while working on one of my sites… The site in question has an XHTML1.0 Strict doctype and I have been very careful to make sure all of the markup validates. Today I received an email with some HTML provided by a third-party content provider that was definitly not valid XHTML (in fact it wasnt really valid anything, but that's not the point) for me to insert into one of the pages. Now what am I supposed to do?

Read on