La imagen de fondo me sale con los colores invertidos

Primero que todo felicitarlos por la pagina, las intrustricciones vienen muy detalladas y no hay forma de perderse. Mi problema es que cuando trato de poner una fotografia de fondo a la hora de visualizarla me sale con los colores invertidos. Les agradezco su ayuda
Pagina estilos

body {background-color: #A2CD5A;background-image: url(objetos/fondo1.png) ; background-repeat: no-repeat ; background-position: center center; height:100%}
img {border-style: none}
.centrado {text-align:center}

Pagina web

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Pagina principal del ejemplo CCTW</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>

<p class="centrado"> Bienvenidos a mi página web. Muy pronto estará lista!</p>

[contenido no disponible]</p>


Pagina creada gracias a CCTW



[correo eliminado]</p>


[correo eliminado]</p>
</body>
</html>