Background repeat-y

Bonjour à tous,
je vous expose le plus simplement possible mon souci de css
j'ai un tableau tout simple une ligne deux colonnes
- dans ma première cellule un contenu dont la hauteur varie selon la page (contenu dynamique)
- dans ma seconde cellule, je n'ai pas de contenu mais aimerais obtenir une image qui se répétant prendra automatiquement la hauteur de la première cellule
pour cela j'ai tenté ce code css ci appliqué au TD de ma deuxième cellule :

.maclasse {
background: url(monimage.jpg) repeat-y;
width: 151px;
height: 100%;
margin-top: 32px;
display: block;
}

pour le code suivant

<table>
<tr>
<td>
mon contenu
A
B
C
D
</td>
<td class="maclasse">
</td>
</tr>
</table>

mon background se répète si je mets une hauteur fixe mais pas si je mets 100%

Merci de votre aide