Javascript to set equal heights to 3 autoextending columns

Hey, im designing a gaming website where i have made 3 basic columns for my webpage, each with table cells that need to stretch according to size, i have done this by simply letting the border images tile along the background color, which works fine.




The problem is: i cannot figure out to get these 3 columns to be the same height at the bottom. I was thinking maybe a javascript solution(finding the heights and setting them all equal to eachother, or something like that), but the thing is, getting the height specified in the <td> tag, or etc is not the same as the realistic height once it has tiled.

Could someone please tell me how to access the ACTUAL height of these cells, or another possible solution for this problem.

That can be quite a dilema. I have a site bookmarked that talks about your problem only it uses div's (I don't know how to achieve this in tables). It also contains headers and footers but I am sure it can de adapted to suit your needs if you go that way.

The site isn't pretty but it is informative:

http://www.pmob.co.uk/temp/3colfixedtest_4.htm

Just click the links at the bottom to change which table is to be the longest.