Using CSS to define cells within a table

I've created a table with two columns. The first column has two rows and the second only one. I've used the following CSS to define the borders of the cells, Image being the top left cell, Index being the bottom left cell and Text being the lone cell in the second column:

td#image {width: 200px;
height: 150px;
padding: 0em 0.4em;}

td#text {height: 100%;
padding: 0em 1em;}

td#index {width: 200px;
height: 100%;
padding: 0em 0.4em;
font: 90% Arial;
color: #660000;}

BUT, the problem is that the Image cell which I've defined width and height does not stay fixed, it lengthens when data is added to the text cell pushing the Index cell towards the bottom.

I want the Image cell to be fixed and the Index cell to expand in height.

Thanks,