Spacing Issue MSIE 8 vs Firefox 3.6

Question

This page has VERY pretty ugly code, I know. It's a page nested within a Miva Merchant 4.24 framework. I'm hoping to clean it up later, since this is only day one.
But I've embedded all the CSS code in the page for the time being and I'm hoping someone can help me reconcile spacing issues between MSIE 8 and Firefox 3.6
http://dev.personaldefensesolutions.net/Merchant2/merchant.mvc
In MSIE, there is about 20px of white space above the header that does not appear there in Firefox. I have zeroed out margin and padding in the body tag which I thought would take care of it but has not.
At the same time, in Firefox, there is some white space above the first of the green buttons in both the left and right columns, which I how I want it. But that space does not occur in MSIE. The buttons touch the black nav bar above them.
If anyone has any ideas, I'd sure be appreciative of the input.
Thanks,
Scott

Answer 1

Assuming I applied it correctly? I believe I did.
Here's how I applied it:
#LeftColumn {
     width: 180px;
     background-color: #FFF;
     padding-right: 15px;
     padding-bottom: 0px;
     padding-left: 20px;
     padding-top: 0;
     margin: 0;
     border-right-width: 1px;
     border-right-style: solid;
     border-right-color: #008000;
     border-top-width: 1px;
     border-top-style: solid;
     border-top-color: #FFF;
#RightColumn {
     width: 180px;
     background-color: #FFF;
     padding-right: 20px;
     padding-bottom: 0px;
     padding-left: 15px;
     padding-top: 0;
     margin: 0;
     border-left-width: 1px;
     border-left-style: solid;
     border-left-color: #008000;
     border-top-width: 1px;
     border-top-style: solid;
     border-top-color: #FFF;
I think that's right, though, as I said, I'm a CSS and Dreamweaver newbie. But in MSIE 8, the
spacing issue isn't resolved, though you can see both white borders..
http://dev.personaldefensesolutions.net/Merchant2/merchant.mvc