background not aligned with content IE6

Hey guys.

I am working on a site that I am almost done with but just opened it in IE6 for the first time and realized all of the content is not aligned with the background. The content seems to be properly aligned with itself, its just the background that is off to the right (or all the content is off to the left). Anyone have any idea what is wrong?

Site:
http://www.islandrobot.com/aceten/index.html

CSS:
http://www.islandrobot.com/aceten/style.css

 

No one has any ideas? I will pay $4.50 to the person who figures out what is wrong . But no work-around's accepted.

 

Ok I got the background alignment problem sorted but there are still 2 more small problems that persist. the $4.50 is still up for grabs if you can solve this:

In IE6, everything inside <div id="content"> is too far to the right. Also, the gap between the left banner AD and the footer and between the footer and the bottom of the page is too small. It doesn't seem to be registering the bottom padding that is supposed to increase those gaps.

You can view it in IE7 or Firefox to see how it is supposed to look.

 

adding display: inline; to

#wrapper #bigbox #main #content #banner_left {
	width: 120px;
	margin: 20px 30px 10px 10px;
	padding: 0;
	float: left;
        display: inline;
}

#wrapper #bigbox #main #content #column_right {
	float: right;
	margin: 0 10px 0 0;
        display: inline;

}

Code (markup):

and just add a 20px to the bottom of your body

body {
	background: url('bg.gif');
	text-align: center;
	margin: 0;
	padding: 0;
	padding-bottom: 20px;
	font: 14px Verdana,Arial,sans-serif;
	color: #fff;
}

Code (markup):

all of it
http://pastebin.com/m4a3911f5

 

Excellent. Those worked. But still one minor problem remains, the gap between the left Sample Ad and the footer is much smaller in IE6. If you can solve that it would be much appreciated. either way send me your paypal and I will send you the $4.50

 

http://pastebin.com/mc690d97

 

Great thanks. So the changes you made there was taking the bottom padding off of #main and the bottom margin off of #banner_left and apply it all as bottom padding to #banner_left? Is that it?

Do you have any advice on how to decide where to put the padding or margins for these sorts of things or is it just trial and error? I always have problems with distributing padding and margins.