Problema con JQuery y márgenes..

[McBlink]

Buenas tardes,
estoy usando un efeco show de jquery, y me sucede lo siguiente..

tengo un div centrado vertical y horizontal a la pagina:

Código CSS:

#content{
    position:absolute;  
    width:1000px;
    height:600px;
    background-color:#09F;
    margin:0 auto;
    border:#FFF solid 2px;
    margin-left:-500px;
    margin-top:-300px; 
    top:50%;
    left:50%;
}
 

lo que sucede que el JQuery no me reconoce ambos márgenes negativos y hace el efecto "300 pixeles" a la derecha y 300 mas abajo, quedando pésimo..
si le saco ambos márgenes obviamente el div no queda centrado y el efecto lo hace correctamente..

habrá alguna solución para ésto?

gracias!
Saludos.


PD: nose si postearlo en Javascript o CSS, nose como se podrá solucionar el problema, si es mas para JS que para CSS lo mueven.. gracias

PD2: dejo una imagen ilustrativa de lo que sucede..