Cita: <style type="text/css">
* {margin: 0; padding: 0; border: 0; position:relative;}
html,body {
background-color: #000000;
text-align:center;
}
#fondo{
width: 66%;
margin: 0 auto;
text-align:left;
}
</style>
</head>
<body>
<div id="fondo">
<img src="images/fondo.jpg" width="865" height="871" /> </div>
</body>
</html>
Éste ya no es el código que yo te daba como ejemplo. Has añadido un elemento en el html (que por cierto, dejas sin cerrar la etiqueta imag:
/> )
Y ¿cómo debe gestionar #fondo el hecho de que su contenido sea mayor que él mismo? 1280px-(laterales del navegador)*0.66<865 px (anchura de la imagen).
Haz la prueba:
1ª: pon un background-color y un borde de un pixel a #fondo y después de ver dónde está colocado elimina la imagen. ¿adivinas la razón de que aparentemente no lo vieses centrado a partir de cierta resolución?
Para esos casos te conviene informarte sobre las propiedades "min-width" y "overflow"
el text-aling yo no lo usaría en esa caja, si en algún momento lo necesitase ya lo declararía exprésamente.
Un saludo