Problemas con opacidad (raro...)

[DoHITB]

Buenas!

Tengo el siguiente HTML:

Código HTML:

<div id="G_I_Error"></div>
<div class="main" id="main">
    <div class="content">
        <!--AQUÍ CONTENIDO...-->
    </div>
    
    <div class="footer">
        <span class="footerL"><span>Contact Us</span><span> | </span><span>FAQ</span><span> | </span><span>Web Map</span><span> | </span><span>Privacy</span><span> | </span><span>Legal Adverstiment & ToS</span><span> | </span><span>About Us</span><span> | </span><span>English</span></span>
        <span class="footerC">Copyright 2012</span>
    </div>
    <div id="G_I_Calendar"></div>
</div>
 

Entonces, al cargar la página compruebo los datos GET, para en caso de haber cierto valor, llamo a la siguiente función JS:

Código Javascript:

function launchError(c){
  if(c==1){
    document.getElementById('G_I_Error').innerHTML='Texto';
    setOpacity(document.getElementById('main'), 50);
    document.re.d.setAttribute('onclick', 'voidFunction()');
  }
}
 
function setOpacity(e,o){
e.style.opacity=o/100;
e.style.MozOpacy=o/100;
e.style.filter='alpha(opacity='+o+')';
}
 

El problema que tengo es que en IE8 (cambiando la versión desde IE10) al lanzar la función el contenido se descentra...

Código CSS:

.main{
    margin-left:auto;
    margin-right:auto;
    margin-top:auto;
    width:1000px;
}
 

Esta es la clase "main"...

¿Qué está pasando para que se descentre?

Gracias.