Left column alignment in IE

Okay, I give up! I need the help of experts :lamo::lamo:

I have a space under my header, and my left column is moved over my side image.

Of course it's fine in Firefox, but looks rotten in IE.

Here's the site: (still in development)

http://www.simplyelegantbling.com/zencart/index.php?main_page=

I've tried changing the pixels, etc. in the wrappers but I cannot get the write combination.

THANK YOU IN ADVANCE!!

I should add.... I'm using IE6 since IE7 broke a bunch of my other applications! It may work in IE7.

I've found out a few things...

The border and spacing for the left column:

Spacing: For IE to work I had to increase the width of the column and change the padding from 10 to 1 px. This seemed to help the alignment some. But I still wasn't seeing the black border, it was white.

Border: If I add a background image to my #navColumnOne, I am able to see the border in IE; but it shows up TWICE in Firefox.

/*changed padding from 10 to 1 for #navcolumnone Woohoo background image fixed the problem but only in IE, broke it in Firefox background-image: url(/zencart/includes/templates/custom/images/border.gif); */
#navColumnOne { width: 170px; background-color: #fff ; padding-left: 40px; }

The border is defined in the Mainwrapper, and it works great in Firefox. But in IE the border.gif doesn't show up where the left column is.

#contentMainWrapper { background-color: #fff; background-image: url(/zencart/includes/templates/custom/images/border.gif); background-repeat: repeat-y; width: 754px; padding-right: 35px; padding-left: 35px; }

So I'm not sure where to go now.

Okay...

Found out IE can't handle just the "Border.gif" for a background that will have a border on each side of the page.

Had to separate the image and have a left side border and a right side border.

What a pain...