( ZEN ) IE does not like my theme, Will not display background correctly, header image. Width of side bar will default to 210px

I'm looking for some guidance on my theme. http://www.consumercowboy.com

I have been working on this theme for a while now and got it to where it works very well in IE but not so good in IE. The basic structure works very well in all browsers, I would like to address the issues in the following order of importance. I would like to thank all for taking a look and lending a hand. Also My site is still in development any suggestions would be great. They can be structural or visual.

1 The issue with the right column, it looks like it has never changed from 210px.

/* With 3 columns, require a minimum width of 1000px to ensure there is enough horizontal space. */
body.both-sidebars {
  /*min-width: 980px;*/
}
/* With 2 columsn, require a minimum width of 800px. */
body.sidebar-left, body.sidebar-right {
  /*min-width: 780px;*/
}

/* We must define 100% width to avoid the body being too narrow for near-empty pages */
#main {
  float: left;
  width: 100%;
}

/* So we move the #main container over the sidebars to compensate */
body.sidebar-left #main {
  margin-left: -210px;
}
body.sidebar-right #main {
  margin-right: -400px;
}
body.both-sidebars #main {
  margin: 0 -400px;
}

#squeeze {
  position: relative;
  padding: 0 1em;
}

/* And add blanks left and right for the sidebars to fill */
body.sidebar-left #squeeze {
  margin-left: 210px;
}
body.sidebar-right #squeeze {
  margin-right: 400px;
}
body.both-sidebars #squeeze {
  margin: 0 400px;
}

/* We ensure the sidebars are still clickable using z-index */
#container .sidebar {
  margin: 0 0 5em;
  width: 400px;
  float: left;
  z-index: 2;
  position: relative;
}

#container .sidebar .block {
  margin: 0 0 1.5em 0;
}

#sidebar-left .block {
  padding: 0 15px 0 0px;
}

#sidebar-right .block {
  padding: 0 0px 0 10px;
}

2 Header image .. not showing up in IE.. Kinda weird the image is a standard JPG.

#header{
position:relative;
min-height:200px;
min-width:950px;
background-image:url(../images/CCWeb.jpg);
background-repeat:no-repeat;
z-index:5;
}

3 Background will not display correctly in IE... I want it hidden behind the content on in between layers.

#background-bottom  {
position:relative;
width:1200px;
height:714px;
margin:-714px auto 0;
padding-bottom:100px;
background-image:url(../images/ccbackground_bottom.jpg);
background-position:bottom center;
background-repeat:no-repeat;
z-index:-10;
}

 /*
 #background-bottom{
 position: absolute;
 z-index:-10;
 bottom:0;
 height:auto;
 width:100%;
 min-height:100%;
 margin:0 auto 0;
 background-image:url(../images/ccbackground_bottom.jpg);
 background-position:bottom center;
 background-repeat:no-repeat;
    }

*/

Thanks again for taking a look any guidance would be great.