Hola Demis, antes que nada quiero comentarte que tu CSS aún tiene mucho por pulir.
Según me explicaste aparte estas usando el atributo style inline (es decir dentro de los elementos HTML como DIV) solo para tus pruebas. Lo lógico sería que una vez que todo funcione en orden trabajes con un archivo .CSS que llamas desde tu página.
De todas maneras ayudaría mucho para la claridad, y para determinar problemas, si separas el CSS y el XHTML, los styles inline hacen el codigo dificil de leer y analizar.
Recuerda: HTML (o XHTML para ser más precisos) es para estructura y CSS para apariencia.
Otro detalle:
<body leftmargin="0" topmargin="0">
Rompe completamente las reglas de CSS, lo ideal sería un elemento body en tu archivo CSS, algo como:
body {
margin: 0;
}
Muy sencillo y de acuerdo a los ideales de CSS.
Tu uso de class para los DIV es adecuado pues son características que se repiten en varios elementos (a diferencia de un id que se usa para elementos unicos, ej: <div id="logo">, exite un solo logo en tu pagina).
Utilizar cellspacing="0" dentro de un DIV es un craso error, para empezar cellspacing (como su nombre bien lo indica) se aplica al espaciado entre las celdas de una tabla, no veo ningun <table> en tu codigo, además es un atributo de aperiencia por lo que debería ir junto con el código CSS y no en el HTML.
La imagen encabezado.jpg sería mejor ponerla con la propiedad background para la class "franja" de tus DIV.
Ahora bien, el juego de las alturas y anchos ha sido y es en la mayoría de casos algo confuso de entender, principalmente debido a que para entender eso debes entender primero el CSS Box Model, que involucra margin, padding, width, height y border, y también debido a la interpretación que hacen los navegadores del standard CSS de W3C.
Mozilla/Gecko utiliza la mayoría de recomendaciones W3C mientras que IE implementa MAL el Box Model. Opera implementa el Box Model pero tiene problemas en otras situaciones.
En conclusión, no todos los navegadores implementan de la misma manera CSS en ciertos aspectos, por lo que en algunos casos es necesario usar hacks. No es recomendable el uso de hacks en CSS pues rompe el ideal del uso de estandares web así que en algunos casos es bueno repensar lo que se quiere lograr y como.
Bien, hasta ahora no te he dicho nada sobre tu problema particular, para serte franco no lo he revisado al 100% y como te dije ayer es mejor aprender a pescar que recibir pescado, así que aquí algunas lecturas muy necesarias para empezar:
WestCiv CSS Tutorial BrainJar CSS Box Model
Y uno de los mejores libros sobre el tema por Eric Meyer, uno de los principales "evangelistas" de CSS: "
CSS: The Definitive Guide ".
Finalmente, para problemas puntuales, como el tuyo, te recomiendo buscar en los archivos de
CSS-Discuss , una de las mejores listas al respecto donde participan ocasionalmente expertos como Peter Paul Kock, Zeldman e incluso el mismo Meyer. Ojo: Muy recomendable leer los recursos mencionados anteriormente antes de preguntar en dicha lista para evitar ser "flamed" al hacer preguntas muy newbie.
Obviamente toda esta información está en ingles, lamentablemente no he podido, aún, encontrar muy buenos recursos en español. En todo caso, de que sirve saber XHTML, CSS, PHP, etc, si no sabemos ingles?!. :)
Saludos!