css noob - emulating tables

[rumoroso]

please forgive my lack of coding skills, but I'm trying to transition to building sites without frames and tables... so I'm trying to build something like this:
http://rumoroso.com/testing/

this is what i have so far...
http://rumoroso.com/css/

if you look at the code on the page... i'm sure you will find many errors, but I guess the main thing I'm trying to figure out is how to make the simple 3D border on each box. I have gifs for each corner of the border, but maybe I'm going about this the wrong way.. any help would be appreciated...

oh and if I want to easily recreate the content boxes (adding more under) how do i streamline this?

[Surrogate]

http://www.sitepoint.com/article/css-round-corners-boxes-curves

This explains how you can make those boxes with special border effects - it resembles the table technique with four corner images.

[rumoroso]

much thanks for the code.... um one really dumb question in addition to the last.... i figured out how to make the corners of the boxes, but if i want simple grey columns+rows on the outside how would i do that (10px down so the transparent gif doesn't get covered)

heres what i have so far

.gl {background: url(images/grey_left.gif) 0 0 no-repeat; background-color:white}
.gr {background: url(images/grey_right.gif) 100% 100% no-repeat; padding:10px}