Need help with alignment on project

I have a few pages which will have a graphic at the top, menu system on the left, and middle area for page content. Right now I have it so the menu and content are in a table together each with their own column. I cannot seem to get the alignment right between IE and FF.

I want all the content to be centered under the banner as close as possible. I also want the menu to be in the same location when I go to different pages, so it does not jump around like it does now.

Here is my page so far: http://users.ettc.net/mait119/final/

If you click between the index page and the contact page you'll see the menu jump.

I recommend that you only use tables for tabular data only. You don't seem to have much code, so you should be able to rewrite your page using containers and css which would probably solve your problem as well as improve your page in many other ways. Take a look at this article:
http://hotdesign.com/seybold/everything.html

I'm very new to CSS so this will be quite challenging.

Can a mod move this to the CSS area? I'm sure I will have plenty of questions.

Here is my CSS code. I have removed the two tables and put each section in a separate div.

.navmenu {
position: absolute;
margin:0px auto;
text-align:left;
}

.body {
text-align:center;
}

.pagelayout {
width: 760px;
left: auto;
right: auto;
text-align:center;
}