I wanted to be able to create this effect using just CSS, without images:

https://dl.dropbox.com/u/76571269/sitepoint.jpg

I know there is probably a way by using more than one DIV, but my intention is to have a single DIV and use the :after pseudo-class so that I'd preserve much of the mark-up.

Does anybody have any advice on pulling such a stunt off.