Buongiorno a tutti.
Chiedo scusa per l'ignoranza ed anche se ripeto temi già discussi ma cercando nel forum non ho trovato nulla che mi ha aiutato (sicuramente per colpa mia).

Sto creando una pagina web con una struttura tabellare di questo tipo (ogni colore è una cella, diciamo)



Nella colonna di destra vorrei che l'immagine con la striscia bianca si ripetesse sull'asse verticale per tutto lo spazio che ha, partendo dall'alto ma ovviamente lo mette al centro del suo spazio.
Riporto il codice che ho scritto

codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>esempio_pagina_web</title>
<body width="device-width">
<table cellspacing="0" cellpadding="0" rules="none">
 <tr>
     <td colspan="3"><img align="center" src="testata.gif"/></td>
 </tr>
 <tr width="device-width">
     <td valign="top"><img src="in_alto_sx.gif" alt="data box"/></td>
     <td><img align="center" src="main_central.gif"/></td>
     <td height="100%"><img src="dx_repeat.gif" img-valign="top" img-repeat="repeat-y"/></td>
 </tr>
 <tr>
     <td colspan="3"><img align="center" src="linea_fondo.gif"/></td>
 </tr>
</table>
</body>
</html>
e mi esce solo questo:



Vi chiedo aiuto, grazie anticipatamente