Table-less image corners

I'm part way though updating my website, and I've already shifted a lot of it over to CSS, but in the future I'm looking to move entirely away from the messy table markup I have now and style everthing though CSS. I was wondering if it's possible to create bordered boxes using image elements. I can see already how much of this would be done, but corner images are an issue for me as I can't see how that would be done.

An example website that does this, a link to a tutorial, or even suggestions on the best way to approach it would be really apprreciated.

Here's the kind of thing I'm trying to do, where TL,TOP,TR,L,R,BL,B,BR are all small border images:

________________
|TL|   TOP   |TR|
|__|_________|__|
|  |         |  |
|  |         |  |
|L |  BODY   | R|
|  |         |  |
|__|_________|__|
|BL|  BOTTOM |BR|
|__|_________|__|

Or just check out my site: http://www.moonpod.com/ you'll get the idea of what I'm trying to do (Although I will apologise in advance to anyone who looks at the source for it's shameful practices :oops: - In my defence I was still learning HTML at that point and didn't even know what CSS was!)