[TheMilkCarton]

Originally Posted by Norco

I don't think anyone knows here.. hm. Ive been trying different things, but I can't seem to get it, sadly.

Not true. Most people here just don't want to take the time to explain.

I'm one of them, so here's a general idea:

1) First you need to split the top into a completely different table.
2) Add 3 <td>'s
3) Make the middle image (the tileable one) the background of the middle TD
4) Make two corner images and use <img src=""> to put them inside the left and right <td>'s. (or if you need to use spacer GIFs to position the TCAT text, you'll have to make them background-images with CSS, and use the <img src=""> for the spacer GIFs)
5) Then you'll have to use padding or spacer images (transparent GIFs) to position the tcat text into the correct position.

The example you gave is a little more complex than that, as it puts that fake dropshadow on the edges (meaning you'd need shadows on each side of the whole table), and the tcat is alot wider than the rest of the table.