Setting more than one bg for the table. I want to use my custom images as the border

Could this be done?

Since setting my box image as the table background is not the best way to get rounded borders for my table, I would like to use 6 little images (top left, top right, bottom left, bottom right, vertical, horizontal) to make my own border.

Images:
*since it doesn't let me attach that many images I will post some in the next post.*

Here are the images:









Should look like that with the table:





I tried to set multiple backgrounds for the upper row, but it only displayed one image.

 <tr style="background-image:url(images/whack/tiny/left.png); background-position:top left; background-repeat:no-repeat; background-image:url(images/whack/tiny/right.png); background-position:top right; background-repeat:no-repeat;">

HTML:

Any ideas?

 

Well if you're using tables, why not have the left <td> have the top left corner and so on.

 

You can't put 2 backgrounds in one element.

But you can put a DIV in that table row and give it a background. That way the background for the TR displays, and then the background for the DIV inside that will display on top of that.

 

Or why not just use on image for the top, and then one for the bottom? Is there really a need to use 6 or 8 images?