HTML design issue?

I'm a bit of a neophyte to web design. I used a template for this site- http://streamlinecards.com/

My problem is that on a few pages:
http://streamlinecards.com/services.html
http://streamlinecards.com/about_us.html

THe text is longer on those pages and it messes up the look on the left hand side. The gray background box gets distorted. Any idea of how to tweak the code to make that not happen?

Thanks much

You are using tables as opposed to CSS for positioning. That is always a problem.

If you choose to remain with the tables you can do one of two things:

Separate the layout into 3 tables (Header - menu, Body and footer) and let the left column be continuous.

Or mitigate the problem by changing

<td colspan="11" rowspan="4" align="left" valign="top">
to
<td></td><td colspan="10" rowspan="4" align="left" valign="top">

BTW; being a founder and partner in a company that deals with credit card processing on line, you will need some serious PHP coding to make it work.

Shalom,
First of all, thanks for the help
Second, I don't actually do the cc transactions- I am marketing the services of a processing company
Third, Your code helped. There is still some white space. I can live with it, but if there was a way to make it completely gray that would be great.

I am not a good web guy so I don't know css. If I can just fix it with code that would be awesome. Thanks for your help!

If you combine (join cells) the area of the white space with the following area (menubutton) into one cell, the white space will go away too.

I hate the solution but it works.

Sorry for being a pain, but how do I join those cells?