table placement problem

[tabsquare]

hello, let's say I have an example table with two colomns and some text in both. like the below one

<table width="204" border="1" cellspacing="0" cellpadding="0" align="center">
<tr>
<td height="10" width="50%"><p>text1</p><p>&amp;nbsp;</p></td>
<td height="10" width="50%"><p>text2</p><p>&amp;nbsp;</p></td>
</tr></table>

Whenever I add content in the right column and the table height increases, the text in the left column goes down.

Example: If I add a paragraph in the right column:

<table width="204" border="1" cellspacing="0" cellpadding="0" align="center">
<tr>
<td height="10" width="50%"><p>text1</p><p>&amp;nbsp;</p></td>
<td height="10" width="50%"><p>text2</p><p>&amp;nbsp;</p><p>&amp;nbsp;</p></td>
</tr></table>

the cotent in the left goes down.

This is obvious, but is there anythig I can do to avoid the content in the left column to go down?
I have this problem because I have dynamic content generated in the right column and therefore it is impossible for me to know the height of the table each time.

thank you

[jofa]

    <table width="204" border="1" cellspacing="0" cellpadding="0" align="center">
      <tr valign="top">  :D 
        <td height="10" width="50%"><p>text1</p><p>&nbsp;</p></td>
        <td height="10" width="50%"><p>text2</p><p>&nbsp;</p><p>&nbsp;</p></td>
      </tr>
    </table>

[Desdelena]

Your table will always remain in the shape of a rectangle. As jofa suggested using the valign attribute should keep the text up at the top of the cells.

[jofa]

I have dynamic content generated in the right column and therefore it is impossible for me to know the height of the table each time

No, not really...
<div style="width:102px;height:200px;overflow:scroll;">
Dynamic content, dynamic content , dynamic content...
</div>

[tabsquare]

this is perfect!
still I have a lot to learn about HTML and CSS
Thank you very much