Problema para centrar div en IE8

[asm_mripZ]

Hola que tal !!, tengo el mismo problema tengo todo alineado y nada que logro arreglarlo, tengo solo como 1 px movido el header a la izquierda respecto al body (div#container).
Igual funciona bien en firefox, ie9, ie7, ie6, safari, chrome. pero no en el ie8 .

Código CSS:

div#header {
background-image:url(images/header/header-bckgr_05.png);
background-position:bottom;
background-repeat:no-repeat;
height:108px;
margin:0 auto;
width:61.625em; /*986px*/
}
 
div#wrapper{
width:100%;
height:100%;
}
 
div#container {     
background-image:url('../images/main-bckgr.png');
background-repeat:repeat-y;
height:100%;
margin:0 auto;
width:61.625em; /*986px*/
}
 
div#contentbox {
margin:0 auto;
width:54.063em; /*865px*/
height:100%;
}
 
div#content {
float:left;
width:34.063em; /*545px*/
 
}
 
div.sidebar {
float:right;
width:20em; /*320px*/
}
 

Mi estructura:

Código HTML:

<div id="wrapper">
      <div id="header">Logo ---- [Menu]</div>
      <div id="container">
            <div id="contentbox">
                  <div id="content">Content Column</div>
                   <div id="sidebar">Right Menu</div>
            </div><!--#contentbox-->
      </div><!--#container-->
     <div id="footer">footer here!</div>
</div><!--#wrapper-->
 

Gracias de antemano, saludos!!!