Sobald der Hintergrund kleiner als die anzuzeigende Fläche ist, wird er standardmäßig automatisch wiederholt.
Du könntest ja auch so machen:
Code:
<table>
<tr>
<td><img src="rand_oben_links.gif"></td>
<td style="background-image:url('rand_oben_mitte.gif');"> </td>
<td><img src="rand_oben_rechts.gif"></td>
</tr>
<tr>
<td style="background-image:url('rand_mitte_links.gif');"> </td>
<td>Inhalt</td>
<td style="background-image:url('rand_mitte_rechts.gif');"> </td>
</tr>
<tr>
<td><img src="rand_unten_links.gif"></td>
<td style="background-image:url('rand_unten_mitte.gif');"> </td>
<td><img src="rand_unten_rechts.gif"></td>
</tr>
</table>
EDIT: Schöner wäre es übrigens, das Ganze mit <div> statt mit Tabellen zu machen.