Hola
Asi nunca pero NUNCA se maqueta una página web, aunque tu error se soluciona con sólo modificar una línea de código
Código HTML:
<div style="width: 900px; height: 200px;">
<div style="height: 157px; background-color: rgb(64, 87, 113);"/>
<div style="background-image: url(imagenes/menu.jpg); height: 43px;">
Busca esas lineas son las que corresponden al encabezado, simplmente borra el height del encabezado
Código HTML:
<div style="width: 900px;">
<div style="height: 157px; background-color: rgb(64, 87, 113);"/>
<div style="background-image: url(imagenes/menu.jpg); height: 43px;">
Nunca se debe usas estilos directamente sobre el objeto editado, porque asi es muy dificil detectar y arreglar los errores (espero que con el código que pegue puedas encontrar la línea del error). Para eso se inventaron las hojas de estilo, los ID y las clases (úsalos).
No se debe combinar tablas con DIVs como haz hecho
Tu código es desordenado
Veo un ul que esta huerfano en medio del menu
Haz repetido CSS innecesariamente
En la hoja de estilos solo haz definido 4 clases, pero allí debiste haber definido toda la estructura.
Sin embargo pese a todo eso me sorprende que tengas un código válido en términos de CSS, en cuanto a html tienes 21 errores
http://validator.w3.org/check?verbos...principal.html