IE not displaying my sidebar correctly

Hi all,

As the title tells you already my website isn’t shown properly in IE (any version). On my mac everything is fine. But as you can see on the screenshot my sidebar is too narrow in IE. I want it to be as long as the footer. I would be happy if someone could tell me what I put wrongly or didn’t put at all in my CSS.. Thanks!
(theme=Twenty Eleven, sidebar=”secondary”)

http://f.cl.ly/items/2N432K3b123J190i1p03/Naamloos.jpg

My CSS:

#page		{margin-top:0px; font-family:Helvetica Neue; background: none repeat scroll 0 0 rgba(0, 0, 0, 0); margin-bottom:0;}
body		{font-family:Times; font-size:14px;}
#content	{width:500px; height:388px; opacity:1 !important; padding-left:30px;}
#primary	{height:579px; background:white !important;}
#access a	{color:#eeec73; font-size:15px; font-family:Helvetica Neue; width:67px; text-align:center; line-height: 7.333em; height:110px;}
#secondary 	{margin-top:-6px; margin-right:-4px; border-left:none; max-height:400px; add_width:300px;}
#branding	{border-top:none;}
#branding img	{float:right;}
#supplementary {border-top:0;
padding: 1.325em 0%;
}

#site-generator		{text-align:left; border-top:0px; background: rgba(255, 255, 255, 0.1); width:984px;}
#site-generator a	{margin-left:10px; color:white;}

/* Two Footer Widget Areas */
#supplementary.two .widget-area {
float: left;
margin-right: 3.7%;
width: 48.1%;}

#primary {margin: 0 -26.4% 0 0;
width: 61.9%;
}
#content {margin: 0 34% 0 0%;
width: 90%;
}
#secondary {margin-right: 0%;
width: 38.8%;
}

#secondary img {border:none; width:100%; height:579px;}

#access div 	{margin-left: 10px;}
#access img	{width:379px; height:95px; background:transparent; margin-top:8px; color:white;}

#access { background: transparent;
	clear: both;
	display: inline;
	float: left;
	margin:0;
	width: 1000px;
	height:110px;
	border-top:0;
	}

#access li:hover > a,
#access a:focus {background: rgba(255, 255, 255, 0.1); color:white; font-weight:500;}
#access li:hover > a	{ background: rgba(255, 255, 255, 0.1); color:white; font-weight:300;}

#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a { background-color: rgba(255, 255, 255, 0.1); color:white; font-weight:300;}

.entry-title {	display: none;}

.hentry, .no-results {
    border-bottom: 0px solid #DDDDDD;}