Help with some CSS and sizing (heights)

[ph1re]

First post. =)

Okay here's the problems I'm having.
I'm working on http://www.riflc.org/drupal/

The main things I need help with at the moment are... I need the left sidebar to always match up (height) with the main content window, so that no matter how big the main content is, the left sidebar will fill in with whatever color I have set as background for that, and the height will match the main content. And I need it vice-versa for main content... IE. main content is > left sidebar, so I would need the height of main content to be the same as left sidebar.

Also, I need to figure out how to get the position of main content to be the same for IE and Firefox/chrome. Right now it works in firefox/chrome but not IE.

Also, for some reason there seems to be a margin on the bottom of content that adds a space between that and the footer. I don't know how to fix that.

Excuse my coding, I'm a complete noob when it comes to CSS and have taken a template from dreamweaver and haven't really gotten rid of any of the "instructional code" on it.

Here's the code.
http://pastebin.com/m21db729c (html file)
http://pastebin.com/m1fb1a079 (css file)

Thank you for your help.

[ssystems]

Looks like classic holy grail issue to me
3 column layout (http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm)

[ph1re]

Thanks for sharing that with me, but I absolutely do not want to recode everything I've done so far. Isn't there just a couple of snippets I can input that would fix the current code I have?