Rebuscando por el foro encontré una solución, pero como siempre es a medias.
http://www.forosdelweb.com/f53/como-centrar-css-319844/
ejemplo:
http://www.zevra.com/experimentos/centrovertical.html
Aquí ponen una solución que funciona excepto por el fondo del body, que no consigo centrarlo. El código lo adapté asi:
Código:
body {
background-color: #000;
background-image: url(images/fondo.jpg);
background-position: center center;
background-repeat: no-repeat;
background-attachment: scroll;
margin:0px;
padding:0px;
}
#linea {
width: 100%;
position: absolute;
top: 50%;
overflow: visible;
}
#container {
background-image: url(images/fondohome.jpg);
position: absolute;
width: 1000px;
height: 600px;
top: -300px;
left: 50%;
margin-left: -500px;
}
Y funciona bien excepto por lo que dije anteriormente por el background del body.
Todo esto probado en chrome ie8 firefox, excepto en opera que si centro el background.