CSS newbie seeks help!!

I'm creating a new site and am trying to set up the index page (which will then be used as a template) using CSS and tables for layout.

http://www.sargant.freehosting123.com/trainingdirectory

If I look at the page in ie and firefox, the tables that I'm using to hold the blocks in the right and left columns behave differently... can anyone tell me what I'm doing wrong?

The CSS is at http://www.sargant.freehosting123.com/trainingdirectory/mainstyle.css

 

Looks good to me.

 

It's going to make me money!!

LOL

But I haven't quite got to grips with margins, padding etc on CSS... I've had to make some changes so that the navigation-to-be along the top bar aligns with the header, and that resulted in me having to set some margins on the smaller tables in the columns... then it starts to get complicated and my few remaining neurons lose track

 

OK, What exactly are you looking to use the CSS for?

What would you like it to accomplish?

Personally, I don't understand why you are using tables at all.
That would be a pretty easy layout to produce with just CSS...

I can help, If you let me know what cells/tables (Whatever) need to be adjusted etc...

 

This is the problem of combining what I do know with what I don't, I guess

The alignment of the table blocks in the left column is different in Firefox and IE... I want them to align visually with the right hand side of the header in all browsers

 

Looks exactly the same to me in both browsers.

Did you mean the right column? That looks about 4 or 5 px out.

 

I did mean right column... see what I mean about few remaining neurons

Additional... I've got sorted with a <colgroup> tag