Que tal, despues de quebrarme la cabeza un rato le pegue al problema, que al parecer el problema era yo pero ahi se los paso.
Resulta que al ingresar 1 o incluso mas imagenes dentro de un div las etiquetas no deben de estar separadas, es decir, la etiqueta img debe iniciar justo despues del > del div sin dejar espacio, ejemplo:
<div id="header"><img src="imagentop.jpg" border="0"></div>
y NO
<div id="header"> <img src="imagentop.jpg" border="0"> </div>
creo que seria bueno ver este como un pequeño problemita si se quiere escribir un codigo que se pueda leer facilmente ya que si meto en un div varias imagenes la linea creceria de una manera lineal bastante larga lo que dificuta un poco la leida del codigo (por lo menos a mi)
bueno, entonces como resultado final mi codigo quedo asi:
<div id="header" style=" background-color:#996600; width:750px; height:98px; margin:0;"><img src="header.jpg" width="118px" height="98px" border="0"></div>
<div id="navContent" style="background-color:#9900CC; margin:0;"><img src="menutop.jpg" width="750" height="15" border="0"></div>
Espero que a alguien le sirva esto y gracias a todos los que postearon en este mensaje.