Table not stretching downwards Options

[nibbler]

I made a fast example because I can't display the original website yet!

http://www.nibbler.be/test.html (ofc this will be made css valid but its just an example)

the tables with 'tekst' and 'tekst2' should stretch downwards and connect with the gray line on the bottom.

can anybody help me with this?

Thanks

CODE

<table height="100%" border="1" width="50%">
    <tr>
        <td valign="top">
            <table height="100%" border="1" width="100%">
                <tr>
                    <td width="30%" bgcolor="#999999" valign="top" height="100%"><p>tekst</p><p>tekst</p><p>tekst</p><p>tekst</p><p>tekst</p></td>
                    <td valign="top" height="100%"><p>tekst2</p><p>tekst2</p><p>tekst2</p><p>tekst2</p><p>tekst2</p><p>tekst2</p></td>
                </tr>
            </table>
        </td>
        <td valign="top"><p>image</p><p>image</p><p>image</p><p>image</p><p>image</p><p>image</p><p>image</p></td>
    </tr>
    <tr>
        <td colspan="3" bgcolor="#999999" width="100%"> </td>
    </tr>
</table>