Hvorfor virker min background-repeat ikke?

Jeg har en kolonne i en tabel: 16px bred 380px høj

Jeg vil gerne sikre mig, at baggrundsbilledet fylder hele kolonnen også, hvis den pludselig bliver 500px høj.

Det gøres jo med koden "background":

Jeg har prøvet med følgende style:

<style type="text/css" media="screen">
<!--
#left  { background-image: url(gfx/undersider/images/undersider_02.jpg); background-repeat: repeat-y;  width: 16px;}
#midt { background-image: url(gfx/undersider/images/undersider_02.jpg); background-repeat: repeat-y;  width: 16px; height: 100%; }
#right { background-image: url(gfx/undersider/images/undersider_02.jpg); background-repeat: repeat-y;  width: 16px; height: 300px; }
-->
</style>



Det virker fint, men kun med fast angivet højde= 380px
Så tænker jeg, jeg bare skal angive højden til 100%, så bliver den kun få px høj.
Men det duer ikke

jeg har prøvet alt:
background: repeat-y; 
background-repeat: repeat;

Nogen, der kan hjælpe?

Prøv at se kildekoden på dette link:
http://www.key2energy.dk/test/test.htm

Den ene streg er sat til uendelig gentagelse = repeat-y - det er den korteste streg til venstre!!!
Den anden er sat til 300px. Det er den længste streg.
(Virker i øvrigt ikke i FF).
Den tredie er sat til 100%. virker ikke.

hvad gør jeg forkert??