CSS con IE, Firefox y Opera

Hola, soy novata en esto del css, pero he logrado grandes avances y he conseguido maquetar a la perfeccion una página que se ve correctamente en IE y Firefox, pero en Ópera me da un fallo.

He estado buscando algún tipo de truco como el que existe para IE ...pongo un ejemplo a ver si me se explicar

Código :

#bloquePrincipal {
   
   width: 790px;
   /width: 796px;
   height: 473px;
   position: absolute;
   left: 50%;
   margin-left: -395px;
}

Igual que se utiliza este (/width: 796px;) truco para IE, alguien me puede decir si hay algún truco parecido para Ópera??
Gracias!

Explica cual es el fallo, así quizás sabremos cual es la solución.

El diseño de esta página no es vertical, sino horizontal, con lo que ocupa el 100% de ancho y queda centrada verticalmente en la ventana del explorador. El problema que me da en Ópera es que al darle un margen para que me aparezca bien en IE y Firefox, Opera no lo interpreta igual y se me va para arriba, de hecho la mitad de la página no se ve.
Pongo el estilo

Código :

* 
{
   margin: 0;
   padding: 0;
}
body 
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   text-align:justify;
   line-height: 1.5em;
   color: #000000;
   background-color: #FFFFFF;
   background-image: url(../images/bg.gif);
   background-position: top center;
   background-attachment: fixed;
}
#content { 
  float: left;
  width: 100%;
  height: 473px;
  top:50%;
  left: 0px;
  margin-top: -215px;
  position: absolute;
  background: url(../images/content.gif) repeat-x top center;
}

modificando el margin-top del #content se arregla para Opera, pero claro, se fastidia para IE y Firefox

Primero que nada, elimina el float:left; de ese div, no hace nada puesto que el div tiene position:absolute;

Me he quedao tiesa, funciona, mil gracias!
Prometo estudiar más....