How to fix this?

[php4life]

My CSS code:

body{
text-align:center;
background-image:url('images/background-repeat-horizontal.png');
background-repeat:repeat-x;
background-color:#DFEBFF;
}

#container{
margin: 0 auto;
padding: 0;
}

#infobox{
width:850px;
background-color:white;
margin:4px;
margin: 0 auto;
border:4px solid #888888;
}

#sidebox{
float:right;
width:250px;
margin:4px;
border:4px solid #888888;
position:absolute;
left:260px;
top:184px;
}

#innerbox{
width:840px;
margin:7px;
text-align:left;
}

header{
	background-image:url('images/box-top-repeat.png');
	height:15px;
	width:650px;
	font-weight:bold;
	color:white;
}

#lrinfo{
margin:4px;
padding:3px;
border:2px solid black;
border-top-style:none;
border-right-style:none;
border-left-style:none;
}

#navbar{
background-color:#DFEBFF;
font-weight:bold;
color:black;
width:844px;
padding:3px;
}

#navbar ul{
list-style-type:none;
margin:0px;
padding:0px;
}

#navbar li{
display:inline;
}

#navbar li:hover{
margin:0px;
padding:0px;
background-color:#888888;
}

a:link, a:visited, a:active{
color:blue;
font-weight:bold;
text-decoration:none;
}

a:hover{
color:red;
font-weight:bold;
text-decoration:none;
}

#success{
width:739px;
text-align:center;
border:2px solid #006400;
background-color:#32CD32;
font-weight:bold;
}

#announcement{
text-align:center;
border:2px solid #C11B17;
background-color:#F75D59;
font-weight:bold;
width:739px;
margin: 4 auto;
}

My website URL: http://webaskius.zxq.net/new/index.php

How do I make the box on Internet Explorer in the same position in Google Chrome? In Chrome it lines up perfectly with the main content box, but in shitty Internet Explorer it doesn't line up.<br /><br />-- 05 Feb 2012, 22:16 --<br /><br />Anyone?